Exploring Figma Weave node-based workflows

Demo summary
The creator walks through a pre-built 'illustration machine' workflow in Figma Weave, showing how nodes for prompts, image generation, and video generation (using V3) are connected to create a face-swap animation.
Step-by-step
- Sign in to Weave using your Figma account
- Select a pre-built workflow like the 'Illustration Machine' or 'Video Face Swap'
- Input your text into the prompt node
- Click 'Run Model' on the image generation node to create visuals within the node
- Connect the image and voice nodes to a video generator node (e.g., V3)
- Extract a video frame and apply a mask node to isolate specific areas
- Connect the mask and a new prompt node to generate a modified image
- Iterate through different generated variations to select the best result
Options
- Generate several images inside a single node to avoid repeated chatting
- Add nodes for specific tasks like song text generation or text-to-voice conversion
- Choose between different AI models for different nodes
Tips
- Use the node-based workflow to keep all image and video generation in one place rather than switching between separate apps
- Generate multiple iterations of a video to find the best version for social media reels
Highlights
“The coolest thing is that you can generate videos or images without going separately into different apps. You can do it everything here.”
All demos from “Figma Weave: New Design Workflow”
1:353:15Exploring Figma Weave node-based workflowsCurrentThe creator walks through a pre-built 'illustration machine' workflow in Figma Weave, showing how nodes for prompts, image generation, and video generation (using V3) are connected to create a face-swap animation.Figma· AI Animation Generator
6:554:14Building a multi-model image composition in WeaveThe demonstration shows how to drag and drop nodes for different AI models (like Ideogram v3 and Imagen 4) and use a 'compositor' node to layer a generated car over a generated background.Figma· AI Image Combiner
11:152:29Generating AI video from images using Seedance and KlingThe creator shows how to use a 'crop' node to set a 16:9 aspect ratio and then connects the result to Seedance 1.5 and Kling 3 nodes to generate cinematic video rotations from a static composite image.Figma· Image to Video- Watch “Figma Weave: New Design Workflow” →
AI Animation Generator
1:353:15Exploring Figma Weave node-based workflowsCurrentThe creator walks through a pre-built 'illustration machine' workflow in Figma Weave, showing how nodes for prompts, image generation, and video generation (using V3) are connected to create a face-swap animation.Sergei Chyrkov
Figma