# figma/mcp-server-guide

A guide on how to use the Figma MCP server

Repository: https://github.com/figma/mcp-server-guide
Canonical: https://ross.abutalabs.com/products/mcp-server-guide
Homepage: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server
Language: Python
License Family: other
Last push: 2026-08-20T20:45:04+00:00

## Health v2 (maintenance only)
Score: 62/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 98, release rhythm 35, longevity 28
- inputs: {"age_days": 393, "days_push": 13, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1922, forks 175 (observed 2026-08-28T04:05:55.220632+00:00)

## What it is
An official guide for setting up and using the Figma MCP server, which exposes Figma design context (frames, variables, components, layout) to AI coding agents. It covers connecting MCP clients like VS Code, Cursor, and Claude Code, plus features such as generating code from designs and writing to the Figma canvas.

## Use cases
- generate code from figma designs with ai
- connect figma mcp server to vs code or cursor
- extract design tokens and components into my ide
- let ai agents edit figma files directly
- set up figma desktop mcp server locally
- use figma design system as context for code generation

## When to choose
- you use an MCP-capable editor and want Figma design context in AI-assisted coding
- you want to generate frontend code from Figma frames or reuse components via Code Connect
- you need official setup instructions for the remote or desktop Figma MCP server

## When to avoid
- you need a standalone design-to-code tool without an MCP client
- you are on the free Starter plan and cannot tolerate the 6 tool calls per month limit
- you need a stable, non-beta feature set with guaranteed pricing

## Facets
- artifact type: learning-resource
- maturity: active
- function: mcp, documentation, developer-tools
- domain: developer-tools, web-development, web-design, large-language-models, documentation
- platform: cross-platform, cli
- tags: figma, mcp-server, design-to-code, ai-agents, code-generation, design-systems, guide, web-server

## Member repositories
- figma/mcp-server-guide (main) score 62

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:55.220632+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:09:40.512934+00:00, confidence not recorded.
  - readme: https://github.com/figma/mcp-server-guide (fetched 2026-08-28T04:05:55.220632+00:00, sha 3803ff600544)
  - homepage: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server (fetched 2026-08-29T10:49:13.136284+00:00, sha bb36eec47609)
  - site_page: https://help.figma.com/hc/en-us/articles/360040328273-Figma-plans-and-features (fetched 2026-08-29T10:49:13.152872+00:00, sha c0f696f420db)
  - site_page: https://developers.figma.com/docs/figma-mcp-server/plans-access-and-permissions (fetched 2026-08-29T10:49:13.156906+00:00, sha a1cf10483950)
  - site_page: https://developers.figma.com/docs/figma-mcp-server/local-server-installation (fetched 2026-08-29T10:49:13.160402+00:00, sha b122e80d17e5)
  - site_page: https://help.figma.com/hc/en-us/sections/24369548041111 (fetched 2026-08-29T10:49:13.145792+00:00, sha 76daee1e3843)
  - site_page: https://www.figma.com/developers (fetched 2026-08-29T10:49:13.148006+00:00, sha b4d2ea4cc289)
  - site_page: https://help.figma.com/hc/sections/20833164749719 (fetched 2026-08-29T10:49:13.150542+00:00, sha c70404a5593d)
  - site_page: https://help.figma.com/hc/en-us/articles/35281350665623 (fetched 2026-08-29T10:49:13.158632+00:00, sha b427770045f5)
- Data as of 2026-08-30T08:39:29.467469+00:00.