Building node-based AI workflows in Figma Weave
FigmaDemo summary
The video demonstrates the Figma Weave interface where a user connects various AI model nodes and image processing blocks to create a repeatable design machine.
Step-by-step
- Connect AI model nodes to image processing blocks
- Arrange nodes on the canvas to visualize the workflow
- Iterate on the process by adjusting node connections
- Save the workflow to reuse or share as a design machine
Tips
- Build processes that can evolve over time rather than one-off designs
- Share your design machines with others to standardize AI workflows
Highlights
“You can literally see your thoughts right there on the screen.”
AI Image Generator
29:034:45Automating Multi-Angle Prompts with Array and List NodesThe 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 WeaveCurrentThe 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