demobook

Figma: Automating Multi-Angle Prompts with Array and List Nodes

Demo summary

The demonstration shows how to use an 'Array' node to split a single block of text (separated by asterisks) into individual camera angle prompts and then mapping them to a 'List' node for batch processing.

Step-by-step

  1. Add an Array node to the canvas
  2. Connect the text source to the Array node
  3. Change the 'Split text by' field from a comma to an asterisk
  4. Add a List node and drag the array output into it to create individual prompt boxes
  5. Select the specific prompt from the List node dropdown for each item
  6. Add five Nano Banana image model nodes
  7. Connect each prompt output from the List node to the 'prompt' input of the corresponding Nano Banana node
  8. To remove a connection, click the line and press Delete on your keyboard

Options

  • Set image dimensions to 9:16 or leave as 'Default' to match the reference image aspect ratio

Watch out for

  • The Array node defaults to splitting by commas; you must manually change this to match your text separator
  • If a text segment is missing the separator character at the end, the node may not recognize it as a separate item
  • The image model will generate random people unless a reference image is connected to provide the model's likeness

Tips

  • Use the List node to turn a single block of text into a pre-filled dropdown of prompt options
  • It is better to understand the underlying logic of the nodes so you can create your own custom workflows

Highlights

This is so satisfying.

All demos from “Weavy AI Master Class for Beginners | Figma Weave

  1. 29:034:45Automating Multi-Angle Prompts with Array and List NodesCurrentThe demonstration shows how to use an 'Array' node to split a single block of text (separated by asterisks) into individual camera angle prompts and then mapping them to a 'List' node for batch processing.FigmaAI Image Generator
  2. 34:143:05Using Router Nodes for Character ConsistencyThe creator uses a 'Router' node to send a single reference image to five different Nano Banana nodes, ensuring the same character is maintained across macro, close-up, and full-body shots.WeavyAI Person Generator
  3. Watch “Weavy AI Master Class for Beginners | Figma Weave” →

AI Image Generator

  1. 29:034:45Automating Multi-Angle Prompts with Array and List NodesCurrentThe demonstration shows how to use an 'Array' node to split a single block of text (separated by asterisks) into individual camera angle prompts and then mapping them to a 'List' node for batch processing.DGI Kaos
  2. 0:210:17Building node-based AI workflows in Figma WeaveThe video demonstrates the Figma Weave interface where a user connects various AI model nodes and image processing blocks to create a repeatable design machine.Figma Weave
  3. 7:341:48Extracting camera angles using LLM nodesThe user demonstrates resizing a 3D model view and using a ChatGPT node to describe the specific camera angle in text for use in further image generation.Artturi Jalli
  4. 13:492:32Design a YouTube thumbnail with Weavy AIRory Flynn shows how he uses Weavy AI's compositor node and layers to isolate characters, remove backgrounds, and adjust camera angles to create a consistent aesthetic for a podcast thumbnail.Rourke Heath
  5. 34:473:06Scaling image generation with prompt arrays in Weavy AIThe demo shows how to use an LLM node to generate 10 unique prompt variations from a single idea, splitting them via an array node to produce batch outputs in Weavy AI's app mode.Anderson Edjéme