Figma Launches AI Tools to Sync Design and Code
- •Figma introduces Claude Code integration to convert production-ready code back into editable design assets.
- •A new Model Context Protocol (MCP) server shares design context directly with developer-focused AI agents.
- •The Figma Make tool exits beta, enabling rapid prompt-to-prototype generation using Gemini 3 Pro.
Figma is fundamentally reshaping the boundary between creative design and technical implementation through a suite of new AI-driven capabilities. The most striking addition, "Claude Code to Figma," allows teams to reverse-engineer production code into editable design assets, ensuring that the source of truth remains synchronized across the development lifecycle. This effectively closes the loop between what is built in code and what is visualized on the canvas.
Beyond mere conversion, Figma is leaning into the Model Context Protocol (MCP) to integrate design data into the developer’s primary environment. By using an MCP server, developers can now feed specific design context into large language models, enabling more accurate and design-informed code generation. This reduces the friction often found in handoffs where technical intent is lost between designers and engineers.
The platform’s generative tool, Figma Make, has also transitioned out of its experimental phase. This prompt-to-app feature allows users to transform text descriptions into functional prototypes instantly by leveraging advanced models like Gemini 3 Pro. By supporting rapid exploration of layout and style, Figma Make enables teams to dream bigger while moving faster toward final production. New auxiliary tools like Vectorize further streamline the process by turning raster images into scalable, editable assets directly on the canvas.