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
- Add an Array node to the canvas
- Connect the text source to the Array node
- Change the 'Split text by' field from a comma to an asterisk
- Add a List node and drag the array output into it to create individual prompt boxes
- Select the specific prompt from the List node dropdown for each item
- Add five Nano Banana image model nodes
- Connect each prompt output from the List node to the 'prompt' input of the corresponding Nano Banana node
- 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”
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.Figma· AI Image Generator
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.Weavy· AI Person Generator- Watch “Weavy AI Master Class for Beginners | Figma Weave” →
AI Image Generator
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
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
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
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
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
Figma