Figma MCP

MCP server

Figma's official MCP server for design-to-code and agent edits on the canvas

Price: Free tier (20 calls/month), then paid
Access: OAuth (Figma sign-in)

About

Figma's official MCP server gives coding agents design context from Figma files (layout, variables, components, Code Connect) and can write frames back to the canvas. Use the hosted endpoint; tool calls are rate-limited by plan and seat.

What you can do with it

Turn a Figma frame into code that reuses your own components
Pull variables, styles and design tokens into your IDE
Let an agent create or update frames, components and FigJam diagrams

Get started

Add https://mcp.figma.com/mcp to your MCP client
Sign in with Figma OAuth when prompted
Copy a frame's link and ask the agent to implement it

Example

{
  "servers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp",
      "type": "http"
    }
  }
}

Details

Hosting: Hosted service, Runs locally
Available in: Worldwide
MCP server: Remote
Works with: Figma