Figma Rolls Out MCP Server to Unify the Entire Design - Development Workflow
3 day ago / Read about 0 minute
Author:小编   

On September 23, 2025, Figma formally unveiled its official remote MCP (Model Context Protocol) server. This server facilitates the smooth integration of design context into any working environment. It supports remote access, empowering users to convert design drafts into production - ready code without the need to depend on the Figma client. This is achieved through OAuth authorization across Integrated Development Environments (IDEs), browsers, or mobile devices.

Here are some of its key features:

  • Deep Integration with Figma Make: The AI within this system can meticulously analyze responsive layouts, design tokens, and interaction details. By doing so, it generates code that strictly adheres to product specifications. In the context of Western software development culture, where precision and adherence to standards are highly valued, this feature ensures that the final product meets the set requirements from the design stage.
  • New Code Connect UI Component Native Mapping Interface: This interface enables one - click association of design components with front - end code libraries. In the fast - paced tech industry, where efficiency is key, higher component adoption rates are crucial. With this interface, as component adoption rates increase, the fidelity of AI - generated code can reach close to 100%. This aligns with the English - speaking tech world's pursuit of high - quality and reliable code generation.
  • Support for Adding Server URLs in Popular Tools: Users can add server URLs in tools such as Cursor, Claude Code, and VS Code. Through the SSE (Server - Sent Events) protocol, they can invoke design data. This feature caters to the English - speaking developer community's need for seamless integration between different software tools, enhancing their workflow.

Moreover, Figma has plans to introduce a design snapshot feature. This feature will transform Make snapshots into editable layers in Figma Design. Currently, Figma is testing AI - driven design editing capabilities. In the Western creative and tech landscape, where innovation and quick iterations are encouraged, this allows users to modify canvas designs directly through prompts. Early testing results indicate that development iteration time can be slashed by 60% - 80%, which is a significant boost to productivity in the competitive software development market.