Turn Your Sketch into Interactive 3D with AI (Free Weavy Workflow)

One sketch, endless assets. In this tutorial I turn a hand-drawn sketch into a glossy 3D object, build custom reusable effects like glitch and halftone just by prompting, embed it as an interactive element on a website and animate it for an Instagram reel. All from one node-based workflow in Weavy (now Figma Weave) that you can copy below. ✏️ In this video I sketch in Procreate, generate the 3D look with a NanoBanana 2 node, compare 3D models (Rodin 3D V2, Meshy and Meta's SAM 3D), pick the material settings that actually matter (shaded vs. PBR, and what that means for your GLB file), composite everything onto my layouts, create any effect I want with the GenEffects node, let Claude Cowork build an interactive website around the GLB file, and animate the result with Seedance in Runway plus the object matte tool in After Effects. The best part: because it is node-based, you can swap the input sketch and rerun the entire workflow in one go. Works with icons, characters and even typography. The full workflow is linked below. Plug in your own sketch and show me what you make with it! 👇 🧩 My free Weavy workflow (plug in your sketch): https://app.weavy.ai/flow/0XhJWtI5En5... 🎬 Runway, where I animate my assets. My code ARIANE25 gets you 25% off: https://runwayml.com/ 🎙️ Wispr Flow, the voice input I use when prompting (free, referral link): https://ref.wisprflow.ai/ariane-berlin 🍒 Macrocherry newsletter: https://www.macrocherry.com/ 🎓 AI workshops & consulting: https://www.goodvibes.berlin/workshops 📸 Instagram (the reel is there!):   / ariane.gif   💼 LinkedIn:   / ariane-gebhardt   CHAPTERS 00:00 What we are building: sketch to interactive 3D 00:43 Examples & the free workflow 01:04 Step 1: the sketch (Procreate) 01:39 Weavy setup (now Figma Weave) 02:20 NanoBanana 2 node: settings & my prompt 03:10 The glossy 3D look is there 03:39 3D nodes compared: Rodin 3D V2, Meshy, SAM 3D 06:26 The settings that matter: shaded vs. PBR 07:31 Compositor node: Photoshop-style layers 09:35 GenEffects: build any effect by prompting 11:03 Glitch, RGB shift & animated effects 12:30 Interactive website with the GLB & Claude Cowork 13:47 Swap the sketch, rerun the whole workflow 14:16 Typography test 15:03 Animating for Instagram: start frame in Runway 16:11 Screen recording as a video reference 17:42 Seedance 2 vs. 2.5 results 18:21 After Effects: AI assistant & frame-break lines 21:13 Object matte tool & final polish 22:33 The final effect & outro #AIDesign #3D #Weavy #CreativeAI #AITutorial ‪@figmaweave‬