How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee
Felix is an expert at using Claude Code and Figma MCP to design and build apps. Watch as he demos how you can build apps that look exactly like their Figma designs, build a game from a FigJam flow cart, and convert code back to Figma components that you can tweak.
Felix and I talked about:
(00:00) 3 products Felix designed and built in Claude Code
(06:36) Building an animated world map from a single screenshot
(7:50) Felix's app that analyzes how good your landing page is
(13:17) Demo: Figma design to working website in 15 min
(23:07) Demo: FigJam flowchart to a working game
(31:30) A UX reviewer skill for design feedback
(40:19) How to export code back to Figma as editable designs
(45:10) Why most designers aren't adapting fast enough
Thanks to our sponsors:
Linear: The AI agent platform for modern teams https://linear.app/behind-the-craft
Granola: The AI meeting notes app that saves you hours. https://granola.ai/peter
Replit: From 0 to full stack app in 2 min https://replit.com/?utm_source=creator&utm_medium=organic&utm_campaign=creator_program&utm_content=peteryang
Get the takeaways: https://creatoreconomy.so/p/master-claude-code-figma-mcp-for-design-felix-lee
Where to find Felix:
X: https://x.com/felixleezd
Website: https://adplist.org/
📌 Subscribe to this channel - more interviews coming soon!
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Related AI Lessons
⚡
⚡
⚡
⚡
Why Developers Who Don’t Use AI Will Become Obsolete
Medium · AI
I Built a Text-to-Speech Tool Because Sometimes Reading Feels Exhausting
Dev.to · Bhavin Sheth
How I Cut My AI Usage by 60% and Got Better Code
Dev.to · Owen Yuwono
AI Integration for Personalized Gaming Experiences
Dev.to · Player Raze
🎓
Tutor Explanation
DeepCamp AI