Anthropic has announced a new capability that connects its Claude code system with Figma through the Model Context Protocol (MCP). The integration is designed to help developers move more directly from design to production code.

With MCP, Claude doesn’t just interpret the surface appearance of a mockup. Instead, it accesses the design at the data level reading component hierarchies, design tokens, and auto-layout rules. This structured understanding allows Claude to generate production-ready code that aligns with the original design intent.

The approach addresses a longstanding challenge for teams: translating design assets into usable front-end code without extensive manual intervention. By linking Figma’s structured design data to Claude’s reasoning capabilities, the process becomes more consistent and less error-prone.

For product teams, this means designers can work in familiar tools like Figma while developers receive cleaner, implementation-ready outputs. It reflects a growing trend in AI development where models aren’t just generating code or visuals in isolation, but working directly with the structured representations behind them.