Weavy Tutorials: From Prompt to Production - From a Procreate Sketch to a Full Animated Sequence in Figma Weave

In this Figma Weave tutorial, you'll learn how to create a stop-motion mixed media animation from scratch — starting with a hand-drawn sketch and ending with a fully composited, looping scene, all inside your workflow. 🔗 Duplicate the workflow and try it yourself: https://figma.bot/42gruaf 🔗 Weave Timeline 101 tutorial: https://youtu.be/OVrL1T7px7M In this step-by-step walkthrough, you'll learn how to: • Clean up and pose a sketch using Nano Banana Pro • Generate a looping walk cycle animation with Kling 3 • Apply a sticker style using video-to-video transfer • Remove the background to get a clean alpha channel • Batch-generate backgrounds using a Text Iterator and LLM node • Composite each frame individually with positional variation for a natural feel • Work "on twos" — the classic animation technique that makes AI output feel hand-made • Stitch all frames into a final looping animation using the Timeline editor ⏱ Chapters 00:00 – What we're building 00:17 – Sketching and importing into Weave 00:36 – Cleaning up the illustration with Nano Banana Pro 00:59 – Creating a strong keyframe pose 01:41 – Generating the walk cycle with Kling 3 02:23 – Styling the animation as a sticker 03:51 – Trimming a perfect loop in the Timeline 04:29 – Removing the background 04:44 – Batch-generating backgrounds with Text Iterator + LLM 06:30 – Unpacking results into separate nodes 07:01 – Why we work "on twos" 08:07 – Compositing frames with Nano Banana Pro 10:54 – Stitching everything together in the Timeline 11:37 – Final result 🔗 Workflow used in this tutorial: https://figma.bot/42gruaf Duplicate the workflow, swap in your own sketch or image, and build your first stop-motion scene. Join the Figma Weave Discord: https://discord.gg/jB6vn2ewxW 📚 Covered in this tutorial How to create a stop-motion mixed media animation in Figma Weave How to use Figma Weave to create mixed media animations How to use Procreate and Figma Weave to animate Workflow featured: https://app.weavy.ai/flow/0mvYiKR0GokwPbn1HXa48m/?utm_source=social&utm_medium=youtube&utm_campaign=timeline&utm_content=05_26_stop_motion_tut&utm_term=osBvZBewzV4 ___________________________ Figma Weave | Artistic Intelligence Turn your creative vision into scalable workflows. Access all AI models and professional editing tools in one node based platform. Start now: https://weave.figma.com/