← Back to directory
F

Framelink MCP for Figma

Community
Give AI coding agents access to Figma design data.
GitHub source repository ↗
★ 15.5k Stars Category · Dev Tools Very popular
57FMRS · C
Reliability
9/20
Security and permissions
11/20
Maintenance
11/20
Documentation
13/20
Setup experience
13/20

An MIT-licensed open-source MCP server for providing Figma layout and styling context to Cursor and other AI coding tools. The manifest lists version 0.6.4, the npm package figma-developer-mcp, and stdio transport.

Read the FMRS scoring method →

Framelink MCP for Figma is an MCP server that provides Figma layout information to Cursor and other AI-powered coding tools. It simplifies and translates Figma API responses so models receive more relevant layout and styling context for implementing designs.

Tools

The tool list has not been reviewed yet.

Setup

Add the server configuration to an MCP client configuration file, run figma-developer-mcp with npx, and replace --figma-api-key=YOUR-KEY with a Figma access token. The server uses stdio transport. FIGMA_API_KEY and PORT may also be set in the client's env field.

claude_desktop_config.json
{"mcpServers":{"Framelink MCP for Figma":{"command":"npx","args":["-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]}}}

Fit and risk

Best for

  • Developers using Cursor
  • Teams implementing interfaces from Figma designs
  • AI coding workflows that need layout and styling context

Not for

  • Projects that do not use Figma
  • Workflows that do not use AI coding tools
  • Use cases requiring a documented tool list or a transport other than stdio

Required permissions

  • Requires a Figma Personal Access Token
  • The token is used to access Figma data
  • The source does not specify the token's permission scope

Risks and side effects

  • The server requires a Figma access token, so token exposure could create an access risk
  • Figma design data is supplied to the AI coding agent; sensitive design content should be handled carefully
  • Generated implementations still require human review; the source only states that the server helps improve accuracy

Troubleshooting

  1. Confirm that a Figma access token has been created and configured
  2. Check the npx command, package name, token argument, and --stdio argument in the client configuration
  3. Confirm that the supplied link points to a Figma file, frame, or group
  4. If using environment variables, check that FIGMA_API_KEY is set

Use cases

Provide Cursor with a link to a Figma file, frame, or group
Implement Figma designs in any framework
Give AI coding tools layout and styling context

Supported clients

CursorFull support