Figma: Generating AI video from images using Seedance and Kling
FigmaDemo summary
The 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.
Step-by-step
- Generate a composite image using a prompt node to combine background and subject elements
- Add a Crop node to the canvas
- Set the aspect ratio to 16:9 within the Crop node
- Drag the crop area to frame your composition
- Connect the cropped output to both Seedance 1.5 and Kling 3 nodes
- Enter a video prompt such as 'dolly in cinematic rotation'
- Run both models simultaneously to generate the video clips
Options
- Run multiple video generations (up to 10) at the same time
- Use different AI models like Gemini 3.1 for initial image generation
Watch out for
- Kling 3 may consume a high number of tokens for longer (10-second) videos
- Video models may not always follow specific motion prompts like 'rotation' correctly
Tips
- Use a specific prompt to preserve background colors when combining images
- Refine the prompt if the initial image generation doesn't match your composition needs
- Generate from multiple models at once to compare results without leaving the app
Highlights
“Super cool. I didn't need to go to another app or another website and use models there. I use everything here.”
All demos from “Figma Weave: New Design Workflow”
- 1:353:15Exploring Figma Weave node-based workflowsThe 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 KlingCurrentThe 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” →
Image to Video
- 11:152:29Generating AI video from images using Seedance and KlingCurrentThe 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.Sergei Chyrkov
2:542:06Convert an image to video with Grok ImagineThe user shows how to connect an existing image node and a new prompt node to the Grok Imagine video model, adjusting settings like duration and aspect ratio to generate a realistic video clip.Artturi Jalli