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
- Apr 1, 2026
14.1K4d ago24
Also in MCP Servers
B
Browser MCP Agent
MCP agent that controls web browsers for automated browsing and data extraction
OSSFree
Shubham Saboo
104.2Ktoday74
C
Context7
Up-to-date library documentation injected directly into your AI coding context
OSSFree
Upstash
51.3K35.0K/wtoday114
F
Filesystem MCP
Secure local filesystem access — read, write, search, and manage files via MCP
OSSFree
Anthropic
82.7K19.0K/w3d ago430