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
- Jul 10, 2026
15.4K7d ago30
Also in MCP Servers
B
Browser MCP Agent
MCP agent that controls web browsers for automated browsing and data extraction
OSSFree
Shubham Saboo
117.3Ktoday80
C
Context7
Up-to-date library documentation injected directly into your AI coding context
OSSFree
Upstash
58.9K35.0K/wtoday124
F
Filesystem MCP
Secure local filesystem access — read, write, search, and manage files via MCP
OSSFree
Anthropic
88.3K19.0K/wtoday426