Claude Code Talks to Figma - MCP Demo

Claude Code connects to Figma using the Talk to Figma MCP server. In a previous video, I used Claude Desktop to create a dashboard from scratch. This time I wanted to see if Claude Code could analyze that existing design and create new pages that match the same styling - same colors, typography, card layouts, and navigation. The result: Claude Code successfully cloned the frame, understood the design patterns, and built out a settings page with profile info, notification toggles, and timezone settings. It took a couple attempts to get the alignment right, but the design consistency was there from the start. If you know a better prompt to one-shot the alignment issue, drop it in the comments! Claude Talk to Figma MCP: https://github.com/arinspunk/claude-talk-to-figma-mcp Previous Video: https://youtu.be/HvZddApIKXE