Figma Make for Web Design: AI Prototypes That Bring Your Website to Life

Jelle Bot and Leonarde Zamboni 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.They discuss how this workflow fits Noco’s productized design approach and why motion design matters for B2B SaaS websites built for performance and clarity.In this episode:Why motion and micro animations build trust and clarity for usersHow AI powered prototyping speeds up design to dev handoffUsing variables and design systems inside Figma MakeEarly testing to align marketing and development teamsWhy AI tools enhance, not replace, designersBy turning ideas into interactive prototypes early, teams save time, set clearer expectations, and deliver better websites faster.CHAPTERS (TIMESTAMPS)(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

There are no comments yet.

Please log in to write the first comment.