Figma Make for Web Design: AI Prototypes That Bring Your Website to Life – 20 MINUTES #18

What this episode covers

In this episode, Jelle and Leonardo show how Figma Make adds real motion and interactivity to design systems. Instead of static visuals, designers can now present early-stage prototypes that feel alive — helping SaaS teams validate UX and interaction decisions before development.

The episode covers how this workflow fits Noco's productized design approach and why motion design matters for B2B SaaS websites built for performance and clarity.

Chapters

(0:00) Intro: Weather check and episode setup
(1:22) Why motion and interactivity matter for B2B SaaS
(3:45) How AI helps visualize ideas earlier in design
(6:15) Building a Figma Make prototype step by step
(9:45) Prompt structure and AI accuracy tips
(11:20) Results: light effects, hover states and micro motion
(13:05) Where Figma Make fits in Noco's design workflow
(15:30) Editing and iteration with AI inside Figma Make
(16:45) Why early interaction prototypes align teams
(18:20) Closing thoughts and next episode preview