How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee

Peter Yang · Intermediate ·💻 AI-Assisted Coding ·1mo ago
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

Up next
The Coder's Companion: AI's Future
Real Python
Watch →