News

Figma Make: How AI Is Transforming Digital Design (MCP Update)

Article Highlights:
  • Figma Make integrates AI via MCP protocol
  • Remote code access for AI agents
  • Support for Anthropic, Cursor, Windsurf, and VS Code
  • Design Snapshot converts snapshots to editable layers
  • AI editing directly on Figma Design canvas
  • No longer dependent on desktop version
  • Upcoming support for third-party MCP servers
Figma Make: How AI Is Transforming Digital Design (MCP Update)

Introduction

Figma Make, the digital design platform, introduces major updates that make design more accessible to AI agents through the MCP protocol. These changes allow developers and designers to leverage artificial intelligence for more efficient app creation and editing.

Context

Figma has expanded its Model Context Protocol (MCP), enabling AI models to interact directly with the code of apps built on Figma Make. This removes the need to interpret only visual prototypes, offering a deeper understanding of application structure.

Direct definition

Figma’s MCP server lets AI agents access the source code of apps, making it easier to replicate and modify digital projects.

New Features and Functionality

  • Remote access to the MCP server from AI agents, browser-based models, and IDEs like VS Code
  • Support for products from Anthropic, Cursor, Windsurf, and others
  • Upcoming support for third-party MCP servers
  • Design Snapshot: converts Make snapshots into editable layers in Figma Design
  • AI editing directly on the Figma Design canvas via prompts

The Challenge

Previously, developers were limited to local use of Figma’s desktop app, and AI agents could only interpret visual prototypes, restricting project replication accuracy.

Solution / Approach

With the new MCP server, AI agents can directly access the code of Figma Make apps, improving collaboration and the quality of generated solutions. Integration with development environments and browsers expands operational possibilities.

Conclusion

The new features in Figma Make and MCP mark a step forward in AI and digital design integration, providing more powerful and flexible tools for designers and developers.

 

FAQ

What is Figma Make’s MCP server?

The MCP server allows AI agents to directly access the code of apps designed in Figma Make.

How does AI improve digital design in Figma?

AI can now view and edit app code, not just visual prototypes, increasing accuracy and efficiency.

Which products support the MCP server?

Anthropic, Cursor, Windsurf, and VS Code are already compatible with Figma Make’s MCP server.

What are the new features in Figma Make?

Design Snapshot and AI editing on the canvas are among the main upcoming updates.

Is the desktop version of Figma still required?

No, remote access to the MCP server is now possible via AI agents and browsers.

When will third-party MCP server support be available?

Figma announced that support will come in future updates.

What are the benefits of direct code access?

It enables more accurate replication and quick modifications of digital projects.

How does MCP integrate with development environments?

The MCP server is compatible with IDEs like VS Code, making developers’ work easier.

Introduction Figma Make, the digital design platform, introduces major updates that make design more accessible to AI agents through the MCP protocol. These Evol Magazine
Tag:
AI Agents MCP