figma/mcp-server-guide
A guide on how to use the Figma MCP server
Build with Backblaze B2
SDKs, agent skills, IDE extensions, and reference pipelines from Backblaze Labs. All open source.
Loading star history...
Where it stands
Rank, growth pace and release cadence relative to everything GStars tracks.
The project lists 23 contributors on GitHub.
Peaked at #24 in the weekly ranking the week of Mar 29, its best in the past year.
Use Cases & Benefits
- Provides a Python-based guide and tools to integrate Figma design data into AI-assisted code generation workflows via the Figma MCP server.
- Enables seamless translation of Figma designs into structured code and design context, improving design-to-code fidelity and developer productivity.
- Use for automating code generation from Figma frames to accelerate frontend development with design system consistency.
- Use for extracting design tokens, variables, and component mappings to maintain alignment between design assets and codebases.
- Use for creating or updating Figma files programmatically to keep design files synchronized with evolving code and UI changes.
Should you depend on it?
License terms, project hygiene and risks, from GitHub metadata and GStars' snapshots.
License
No license detected
No license file detected by GitHub: unless the project grants one elsewhere, the default is all rights reserved.
Community files
- README: present
Watch-outs
- Warning: No license file detected by GitHub: unless the project grants one elsewhere, you generally have no permission to use, modify or distribute the code.
- No GitHub releases; pin a commit or tag instead of a release.
General guidance from repository metadata, not legal advice. How we score
From the README
The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.
Users on the Starter plan or with View or Collab seats on paid plans will be limited to up to 6 tool calls per month.
Users with a Dev or Full seat on the Professional, Organization, or Enterprise plans have per minute rate limits, which follow the same limits as the Tier 1 Figma REST API. As with Figma’s REST API, Figma reserves the right to change rate limits.
For the complete set of Figma MCP server docs, see our developer documentation. By using the Figma MCP server and the related resources (including these skills), you agree to the Figma Developer Terms. These skills are currently available as a Beta feature.
Select a Figma frame and turn it into code. Great for product teams building new flows or iterating on app features.
Pull in variables, components, and layout data directly into your IDE. This is especially useful for design systems and component-based workflows.
Boost output quality by reusing your actual components. Code Connect keeps your generated code consistent with your codebase.
Daily snapshots
Stars gained per day, and how forks and open issues moved, from GStars' daily snapshots
+295 stars over 90 days across 8 snapshot days; best day +1 on Aug 1.
Forks
211+41
Open issues
12+5
Compared with peers in Web
Fastest-growing repositories GStars tracks in this cohort for the week of Nov 1, by 7-day star growth
| Repository | Stars | +7d | Health | Last release |
|---|---|---|---|---|
| pingdotgg/t3code | 48.4K | +16.6K | 40 | today |
| pbakaus/impeccable | 104.0K | +8.7K | 54 | 10 days ago |
| HunYiSage/dsh-purge | 19.2K | +6.2K | 13 | today |
| Renhuai123/ziwei-doushu | 16.2K | +6.1K | 44 | 21 days ago |
| paperclipai/paperclip | 111.5K | +2.8K | 59 | 13 days ago |
| figma/mcp-server-guide | 2.1K | — | 21 | — |
| Category median | 48.4K | +6.2K | 44 | — |
Discover Repositories
Search across tracked repositories by name or description