Figma is launching a brand new device that may assist AI fashions extra successfully translate designs into totally coded purposes. The product design firm is giving LLMs and agentic coding instruments like Copilot in VS Code and Claude Code extra context about how designs are created in Figma by way of a brand new Dev Mode Model Context Protocol (MCP) server, which is rolling out in beta for customers with Dev or Full seat Figma entry.
The MCP server is a developer device that enables AI fashions to immediately faucet into information from Figma, corresponding to exact figures utilized in graphs or the precise shade shades utilized in a design, as an alternative of visually guessing primarily based on picture information. Figma likens this course of to replicating a portray, as somebody would want to each see the picture and know the approach used to make it — the design information, on this instance — to precisely recreate it. It ought to assist to scale back LLM utilization by minimizing the quantity of labor it takes for AI coding instruments to rework designs into practical purposes that precisely replicate what the developer was envisioning.
Figma says it plans to launch a slew of Dev Mode MCP Server updates “within the coming months,” together with distant server capabilities and “deeper codebase integrations.” The beta rollout follows the prompt-to-code Figma Make platform launched in Might turning into totally out there to all Full seat Figma customers on Tuesday, which permits customers to create working purposes by describing them. The Figma Websites Code Layers function that gives AI instruments for turning designs into interactive web site experiences will probably be rolling out on June twelfth.