figma/mcp-server-guide resource
A guide on how to use the Figma MCP server observed · 2026-08-28
Health v2 · maintenance only
62/100
- Activity 98
- Release rhythm 35
- Longevity 28
Flags: no_releases no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 393
- days_rel: n/a
- days_push: 13
- n_releases_24m: 0
Adoption not part of the score
1922 stars · 175 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
learning-resource · maturity active
mcp documentation developer-tools developer-tools web-development web-design large-language-models documentation cross-platform cli figma mcp-server design-to-code ai-agents code-generation design-systems guide web-server
9 sources
- readme: https://github.com/figma/mcp-server-guide · fetched 2026-08-28 · 3803ff600544
- homepage: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server · fetched 2026-08-29 · bb36eec47609
- site_page: https://help.figma.com/hc/en-us/articles/360040328273-Figma-plans-and-features · fetched 2026-08-29 · c0f696f420db
- site_page: https://developers.figma.com/docs/figma-mcp-server/plans-access-and-permissions · fetched 2026-08-29 · a1cf10483950
- site_page: https://developers.figma.com/docs/figma-mcp-server/local-server-installation · fetched 2026-08-29 · b122e80d17e5
- site_page: https://help.figma.com/hc/en-us/sections/24369548041111 · fetched 2026-08-29 · 76daee1e3843
- site_page: https://www.figma.com/developers · fetched 2026-08-29 · b4d2ea4cc289
- site_page: https://help.figma.com/hc/sections/20833164749719 · fetched 2026-08-29 · c70404a5593d
- site_page: https://help.figma.com/hc/en-us/articles/35281350665623 · fetched 2026-08-29 · b427770045f5
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| figma/mcp-server-guide | main | 62 |
For agents
markdown · JSON · MCP: product_card(name="figma/mcp-server-guide")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem