In this video I've tested the new Figma MCP server to vibe code Figma designs with Claude Code.

💻 Become a senior Android or KMP developer in 6-month under my mentorship:
https://pl-coding.com/drop-table-mentoring?utm_source=youtube&utm_medium=video&utm_campaign=default&cmc_strip=utm

🎓 Checkout my premium video courses about Android & Kotlin development:
https://pl-coding.com/premium-courses?utm_source=youtube&utm_medium=video&utm_campaign=default&cmc_strip=utm

App dev challenges, exclusive community and Q&A:
https://pl-coding.com/campus?utm_source=youtube&utm_campaign=default&utm_medium=video&cmc_strip=utm

Regular programming advice on my Instagram page: 
https://www.instagram.com/_philipplackner_/

Philipp Lackner

A hands-on experiment using Claude Code with the Figma MCP to generate complete mobile app UI designs from requirements, then comparing the results against designs produced by a professional design agency. The workflow involves generating a design system first (colors, typography, components), then producing editable Figma screens for each milestone of a step-tracking app. The AI-generated designs were produced in roughly one hour and compared favorably to agency work, with only minor UX issues noted. A key limitation is that the Figma MCP is mostly read-only, so design changes require regenerating frames rather than editing in place.

Claude Code + Figma MCP vs. Professional Design Agency