Skip to main content

Introduction

note

Beta notice: The Figma MCP server is currently in open beta. Some functions and settings may not yet be available, and you may experience bugs or performance issues during this period. The feature may change as we refine it. Usage guidelines and rate limits will be announced when MCP becomes generally available.

Who can use this feature

The MCP Server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.

MCP Servers are part of a standardized interface for AI agents to interact with data sources using the Model Context Protocol.

With the server enabled, you can:

  • Generate code from selected frames: Select a Figma frame and turn it into code. Great for product teams building new flows or iterating on app features.
  • Extract design context: Pull in variables, components, and layout data directly into your IDE. This is especially useful for design systems and component-based workflows.
  • Retrieve Make resources: Gather code resources from Make files and provide them to the LLM as context. This can help as you move from prototype to production application.
  • Keep your design system components consistent with Code Connect: Boost output quality by reusing your actual components. Code Connect keeps your generated code consistent with your codebase.

Ways to connect​

You can connect to the Figma MCP server in two ways:

  • Remote MCP server - Connects directly to Figma’s hosted endpoint, without requiring the desktop app
  • Local MCP server - Runs through the Figma desktop app on your machine
info

Before getting started, check the MCP catalog to confirm whether your client supports local or remote MCP servers. Then, follow the installation flow that matches your setup.Introduction

Feedback​

As you use the Figma MCP server, you may see a popup inside Figma asking you for feedback. To give us feedback, please use this form.