F
Figma Context MCP
Give AI coding agents access to Figma designs — 14K+ stars
Open SourceFree
Install
npx figma-context-mcpAbout
An MCP server that gives AI coding agents direct access to Figma design files. Translates Figma designs into structured layout and style data that LLMs can understand, enabling accurate design-to-code workflows. Agents can read component hierarchies, extract colors, spacing, typography, and generate pixel-perfect implementations.
Details
| Capabilities | design-reading, component-extraction, style-extraction, layout-analysis |
| Transport | stdio |
| Compatible Clients | claude-code, cursor, windsurf, cline |
Tags
figmadesign-to-codeuifrontenddesign
Quick Info
- Organization
- GLips
- Pricing
- open-source
- Free Tier
- Yes
- Updated
- Aug 22, 2026
15.7K2w ago30
Also in MCP Servers
B
Browser MCP Agent
MCP agent that controls web browsers for automated browsing and data extraction
OSSFree
Shubham Saboo
133.5Ktoday95
C
Chrome DevTools MCP
Official Google MCP server giving coding agents full Chrome DevTools access — 28K+ stars
OSSFree
Google Chrome
49.6Ktoday118
C
Context7
Up-to-date library documentation injected directly into your AI coding context
OSSFree
Upstash
61.1K35.0K/wtoday127