Figma Make Tutorial | Drastically Transformed after Config 2026
5.2K views · 2026-07-22
UI Design
Figma Make has changed significantly. In this video, I test its latest AI prototyping workflow against Claude and Codex to find out which tool can turn existing Figma designs into the most accurate interactive prototype. The result surprised me: Figma Make recreated my complete product workflow in less than three minutes, with a level of visual fidelity I had not seen from it before.
If you previously tried Figma Make and dismissed it because it was too slow or inaccurate, it may be time to test it again.
In this complete Figma Make walkthrough for designers, I cover:
✓ What has changed in Figma Make
✓ How to turn existing Figma screens into an interactive prototype
✓ Figma Make vs Claude vs Codex using the same workflow
✓ Prototype speed, accuracy, interactions, and visual fidelity
✓ How Figma Make understands your existing design context
✓ Connectors, custom skills, planning, models, and Make Kits
✓ How to iterate using comments and annotations
✓ A preview of Figma Make Local Code
✓ How designers can visually edit real product code
✓ Creating commits and pull requests for developer review
The most important improvement is not simply another AI model or interface update. It is how well Figma Make now connects design, prototyping, iteration, sharing, and—through its limited beta—real code workflows inside the same ecosystem.
Figma officially describes Make as a way to generate functional, editable prototypes from existing designs. Its Local Code beta also supports connecting a repository, visually editing the running application, annotating changes, creating commits, and opening pull requests from Figma.
Watch my complete Figma Make Local Code walkthrough:
https://youtu.be/au5eRN3KKGM
Learn how to connect Claude with the Figma MCP:
https://youtu.be/CJIivdkGT5Y
Learn how to connect Codex with the Figma MCP:
https://youtu.be/OHgOeqQuQSI
If you're new here, my name is Nehmat Gereige. I'm a design manager at Cvent with 13 years of design experience. I also have a background as a developer, and I'm a design professor for design students at Algonquin College. My goal for this channel is to share real quality knowledge with all of you. As soon as I learn something, I put it out there for you to see. No sponsored content, nothing that I vouch for unless I really use it in my own process.
#FigmaMake #Figma #AIDesign #ProductDesign #prototyping
⏱️ Chapters:
00:00 Intro to video
00:46 Nehmat Gereige Intro
01:15 What Changed in Figma Make & How it matters to you?
02:46 The Figma EcoSystem - Local Code Beta feature
04:46 Connectors in Figma Make
05:17 Skills in Figma Make
06:37 Plan Mode & Models
08:05 Make Kits for Design system
08:36 Dictate & community templates
09:22 Demo: Create an interactive SAAS flow
12:40 Copy to Figma Design to verify Accuracy
12:36 Compare same prompt in Claude desktop
15:46 Compare same prompt in Codex
16:50 Comments in Figma Make for collaboration
18:07 Demo of Beta feature: Figma Make local Code
19:58 Conclusion: Why My teams and I are back to Figma Make
-------------------------------------------------------------------------------
🎥 Watch Next ⬇️
‼️ MUST WATCH: https://youtu.be/GNsVHcJEf38
🌸 FREE Complete Courses 🌸
❣️ https://youtube.com/playlist?list=PLXdRMPwB8CHm6XJwPZMZwUfDTUipxGMPK&si=_i93W3tacRpPuoPc
🎨 https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🤖 https://www.youtube.com/playlist?list=PLXdRMPwB8CHnCai2ohL6e9HA4mcq-ZEn0
☸️ https://www.youtube.com/playlist?list=PLXdRMPwB8CHk4F76vsOWHehnz8pcKYP6T
🌈 https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🧘🏻♀️ https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
👩🏻💻 I'm Nehmat — Design Leader, Professor, and your guide for navigating the AI era.
I help designers master tools like Claude Design, Figma MCP, and AI design workflows with clarity and real-world application.
🎯 New videos as soon as you need to know: Figma Updates, Industry changes, AI tools & career evolution
💕 Subscribe to get the latest releases & changes in our industry
👉 Join my community to get First Access, more direct guidance & live consultation on your work
🔔 Turn on ALL notifications so you don't miss the latest releases and tutorials
🔥 Hype this video to help it reach the people searching for it
➡️ LinkedIn: https://linkedin.com/in/nehmatgereige
❎ X: https://x.com/33Nehmat
Ⓜ️ Medium: https://medium.com/@nehmat.gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
If you previously tried Figma Make and dismissed it because it was too slow or inaccurate, it may be time to test it again.
In this complete Figma Make walkthrough for designers, I cover:
✓ What has changed in Figma Make
✓ How to turn existing Figma screens into an interactive prototype
✓ Figma Make vs Claude vs Codex using the same workflow
✓ Prototype speed, accuracy, interactions, and visual fidelity
✓ How Figma Make understands your existing design context
✓ Connectors, custom skills, planning, models, and Make Kits
✓ How to iterate using comments and annotations
✓ A preview of Figma Make Local Code
✓ How designers can visually edit real product code
✓ Creating commits and pull requests for developer review
The most important improvement is not simply another AI model or interface update. It is how well Figma Make now connects design, prototyping, iteration, sharing, and—through its limited beta—real code workflows inside the same ecosystem.
Figma officially describes Make as a way to generate functional, editable prototypes from existing designs. Its Local Code beta also supports connecting a repository, visually editing the running application, annotating changes, creating commits, and opening pull requests from Figma.
Watch my complete Figma Make Local Code walkthrough:
https://youtu.be/au5eRN3KKGM
Learn how to connect Claude with the Figma MCP:
https://youtu.be/CJIivdkGT5Y
Learn how to connect Codex with the Figma MCP:
https://youtu.be/OHgOeqQuQSI
If you're new here, my name is Nehmat Gereige. I'm a design manager at Cvent with 13 years of design experience. I also have a background as a developer, and I'm a design professor for design students at Algonquin College. My goal for this channel is to share real quality knowledge with all of you. As soon as I learn something, I put it out there for you to see. No sponsored content, nothing that I vouch for unless I really use it in my own process.
#FigmaMake #Figma #AIDesign #ProductDesign #prototyping
⏱️ Chapters:
00:00 Intro to video
00:46 Nehmat Gereige Intro
01:15 What Changed in Figma Make & How it matters to you?
02:46 The Figma EcoSystem - Local Code Beta feature
04:46 Connectors in Figma Make
05:17 Skills in Figma Make
06:37 Plan Mode & Models
08:05 Make Kits for Design system
08:36 Dictate & community templates
09:22 Demo: Create an interactive SAAS flow
12:40 Copy to Figma Design to verify Accuracy
12:36 Compare same prompt in Claude desktop
15:46 Compare same prompt in Codex
16:50 Comments in Figma Make for collaboration
18:07 Demo of Beta feature: Figma Make local Code
19:58 Conclusion: Why My teams and I are back to Figma Make
-------------------------------------------------------------------------------
🎥 Watch Next ⬇️
‼️ MUST WATCH: https://youtu.be/GNsVHcJEf38
🌸 FREE Complete Courses 🌸
❣️ https://youtube.com/playlist?list=PLXdRMPwB8CHm6XJwPZMZwUfDTUipxGMPK&si=_i93W3tacRpPuoPc
🎨 https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🤖 https://www.youtube.com/playlist?list=PLXdRMPwB8CHnCai2ohL6e9HA4mcq-ZEn0
☸️ https://www.youtube.com/playlist?list=PLXdRMPwB8CHk4F76vsOWHehnz8pcKYP6T
🌈 https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🧘🏻♀️ https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
👩🏻💻 I'm Nehmat — Design Leader, Professor, and your guide for navigating the AI era.
I help designers master tools like Claude Design, Figma MCP, and AI design workflows with clarity and real-world application.
🎯 New videos as soon as you need to know: Figma Updates, Industry changes, AI tools & career evolution
💕 Subscribe to get the latest releases & changes in our industry
👉 Join my community to get First Access, more direct guidance & live consultation on your work
🔔 Turn on ALL notifications so you don't miss the latest releases and tutorials
🔥 Hype this video to help it reach the people searching for it
➡️ LinkedIn: https://linkedin.com/in/nehmatgereige
❎ X: https://x.com/33Nehmat
Ⓜ️ Medium: https://medium.com/@nehmat.gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige