Figma has announced the introduction of a new tool designed to enhance the ability of AI models in translating design concepts into fully functional applications. The product design firm is offering a new Dev Mode Model Context Protocol (MCP) server to provide LLMs and coding assistants, such as Copilot within VS Code and Claude Code, with enriched context regarding design elements generated in Figma. This feature is currently being rolled out in beta for users with Dev or Full seat access to Figma.
The MCP server functions as a developer resource, enabling AI models to access detailed data from Figma, including specific measurements used in graphs and the exact shades of colors employed in various designs. This approach replaces the previous method of relying on visual approximations from image files. Figma draws a parallel to art reproduction, explaining that understanding both the visual and the technique behind an artwork is essential for accurate replication. This innovation aims to streamline the process for AI coding tools, thereby lessening the effort required to convert designs into applications that align closely with the original intent of the developer.
Figma has also indicated that it will roll out several updates to the Dev Mode MCP Server in the coming months, which will include remote server functionalities and enhanced codebase integrations. This announcement follows the full release of the prompt-to-code Figma Make platform, which became available to all Full seat Figma users earlier this week. This platform allows users to develop working applications simply by describing them. Additionally, the Figma Sites Code Layers feature, designed to assist AI tools in converting designs into interactive web experiences, is set to launch on June 12th.
