How to Use AI to Generate Figma Screens From Your Design System

How to Use AI to Generate Figma Screens From Your Design System

2.6K views · 2026-05-07 UI Design
🚀 Learn to Build Full End-to-End Products with AI: https://learnproduct.design/cursor

🤑 Get 50% of your first month on Cursor — https://cursor.com/referral?code=BQ7HMBSGJSH4

In this video, I continue building an AI-powered Figma workflow by creating a reusable Claude skill that uses a published design system, Figma components, design tokens, and MCP tools to generate UI designs directly inside Figma. I then expand the workflow into generating full screens using design system templates, while also optimizing the skill to reduce tool calls, improve reliability, and make AI-assisted design generation faster and more practical.

🔗 COMPLETE GUIDE TO AI-POWERED DESIGN PROCESS: https://youtu.be/idPrScvnSro

🧰 AI Designer Starter Pack
— Get 50% of your first month on Cursor — https://cursor.com/referral?code=BQ7HMBSGJSH4
— Prompt Faster with WisprFlow: https://ref.wisprflow.ai/chethan-kvs-2fot
— Create an account on Mobbin for free: https://mobbin.com/?via=chethan
— Which AI Vibe Coding Tool to use in 2026: https://youtu.be/_MXdrajtg2U
— Ultimate GitHub Guide for Beginners: https://youtu.be/1iiq__N1SYk
— Free AI Code Reviewer — https://www.cubic.dev/invite/design-pilot
— Easiest to use Backend Service — https://convex.dev/referral/CHETHA8049

🔶 Chapters
00:00 Introduction to AI-powered Figma workflows
01:00 Reviewing phase 4: creating an email row skill
07:40 Publishing components and answering setup questions
15:00 Reviewing and creating the email row skill
21:40 First test run in Figma
28:00 Debugging slot, icon, and sender-count issues
35:20 Second test and workflow improvements
46:00 Switching to official Figma MCP skills for better execution
54:00 Expanding from a single row to a full inbox screen
1:08:00 Testing full inbox generation and optimizing performance
---------------------------------------­----
Mega Product Design Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)