Figma is launching a brand new device that may assist AI fashions extra successfully translate designs into totally coded functions. 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 through 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 straight faucet into information from Figma, akin to exact figures utilized in graphs or the precise coloration shades utilized in a design, as an alternative of visually guessing based mostly on picture recordsdata. Figma likens this course of to replicating a portray, as somebody would wish to each see the picture and know the method 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 useful functions that precisely mirror 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 obtainable to all Full seat Figma customers on Tuesday, which permits customers to create working functions by describing them. The Figma Websites Code Layers function that gives AI instruments for turning designs into interactive web site experiences will likely be rolling out on June twelfth.