Add
OfficialDesign

Figma

by Figma

Bring Figma design context into a coding agent to generate code from frames, read variables and write back to the canvas.

ConnectOfficial docs(opens in a new tab)Repository(opens in a new tab)

Best for

Front-end teams implementing designs who want the assistant to read the real frames, variables and components instead of working from screenshots.

Connect Figma

Choose your client

Remote

This server is hosted by its publisher. Pick your client for the matching setup.

Important

Only clients listed in Figma’s MCP catalog, such as VS Code, Cursor and Claude Code, can connect to the remote server. Figma has a waitlist for developers who want a new client added.

Open Settings → Connectors → Add custom connector, then enter this URL:
https://mcp.figma.com/mcp
  • Claude Desktop adds remote servers through Connectors, not through claude_desktop_config.json. Menu names can differ by plan.

Format checked Oct 30, 2026 against Claude Desktop documentation. Client settings change, so confirm with the client's own docs.

Official setup guide(opens in a new tab)

Connection details

Hosted endpoint
https://mcp.figma.com/mcp

Overview

Figma’s MCP server gives an assistant structured access to design files. The core use is design to code: select a frame and the server returns its layout, components and variables, which the assistant can turn into code, with Code Connect mapping Figma components onto the ones in your codebase. The hosted remote server can also write to the canvas, which Figma describes as free during a beta period. A desktop server that runs through the Figma app exists as well, but this entry covers the remote one. Only clients in Figma’s catalog can connect, and rate limits depend on your plan and seat, with View and Collab seats getting only a small monthly allowance.

What it can do

  • get_design_context returns a structured React and Tailwind representation of a selection, and get_variable_defs extracts the variables and styles it uses.
  • Code Connect lets generated code reuse the actual components in your codebase.
  • The remote server can create and modify native Figma content such as frames, components, variables and auto layout; writing outside your drafts needs a Full seat.
  • Agents can generate placeholder images after asking permission and disclosing Figma AI credit use.

What you need

Sign-in and credentials

You sign in with your Figma account the first time you connect, and the remote server does not need the Figma desktop app. Access follows what your account can open in Figma. Figma for Government supports only the desktop server.

Sources

MCP Registry
Listed in the MCP Registry as com.figma.mcp/mcp
Official docs
developers.figma.com/docs/figma-mcp-server
Repository
github.com/figma/mcp-server-guide
Last checked
Oct 31, 2026
Record reviewed
Oct 31, 2026

Statements on this page come from

Why is this labelled Official?

Registry name com.figma.mcp/mcp. The registry's authentication docs describe DNS or HTTP verification of the domain for names in this reverse-DNS form (read 2026-10-31). The registry's repository is figma/mcp-server-guide in the figma organization, and Figma's developer documentation at developers.figma.com describes the Figma MCP server and its hosted endpoint (read 2026-10-31).

Listing on HistChat is not an endorsement or a security review. MCP servers can access data or perform actions, so review the source and permissions before connecting.

Related MCP servers

  • Blender

    ahujasidCommunity

    Drive a live Blender scene from an assistant: build objects, set materials, run Python and check the result visually.

    Category
    Design
    Connection
    Local
    GitHub stars
    33k

  • Context7

    UpstashOfficial

    Give coding assistants current, version-specific library documentation on demand.

    Category
    Documentation
    Connection
    Remote · Local
    GitHub stars
    64k

  • PostHog

    PostHogOfficial

    Query product analytics, manage feature flags and experiments, and debug errors in PostHog from an assistant.

    Category
    AI & Data
    Connection
    Remote