GLips/Figma-Context-MCP
by Various
MCP server to provide Figma layout information to AI coding agents like Cursor
MCP
GLips/Figma-Context-MCP
Added 1 June 2026
Overview
MCP server that exposes Figma design files as structured context to AI coding agents like Cursor. Allows LLMs to read layout, component, and design token information directly from Figma, enabling code generation that matches design specifications without manual translation.
Best for
Best for
Teams using Figma and AI coding assistants who want to automate component generation from design files.
Use cases
- Generate React components from Figma designs with accurate spacing and styling
- Automate handoff from design to development by feeding design context to coding agents
- Extract design tokens and component specs for consistent implementation
How to use
Install
npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdioTested with
Cursor
Example client config
{\n "mcpServers": {\n "Framelink MCP for Figma": {\n "command": "npx",\n "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]\n }\n }\n}Notes
MCP server that exposes Figma design files as structured context to AI coding agents like Cursor. Allows LLMs to read layout, component, and design token information directly from Figma, enabling code generation that matches design specifications without manual translation.
14,946 stars on GitHub. Last updated 2026-05-27. Licensed MIT.
Use cases
- Generate React components from Figma designs with accurate spacing and styling
- Automate handoff from design to development by feeding design context to coding agents
- Extract design tokens and component specs for consistent implementation
Pros
- Bridges design-to-code gap by making Figma data machine-readable to LLMs
- Works with existing MCP-compatible agents (Cursor, Claude, others)
- Reduces manual design spec translation and copy-paste errors
Cons
- Requires Figma API access and authentication setup
- Output quality depends on how well Figma designs are structured and organized
- Limited to layout and structure extraction, not pixel-perfect visual rendering
Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.
Pros
- Bridges design-to-code gap by making Figma data machine-readable to LLMs
- Works with existing MCP-compatible agents (Cursor, Claude, others)
- Reduces manual design spec translation and copy-paste errors
Cons
- Requires Figma API access and authentication setup
- Output quality depends on how well Figma designs are structured and organized
- Limited to layout and structure extraction, not pixel-perfect visual rendering
Open-source & AI alternatives
Swap-in tools that solve the same job. Weigh the trade-offs before you commit.
awdr74100/figwright
Various
Free, bidirectional Figma MCP server — turn designs into framework-aware code and write back to the canvas, for Claude Code, Cursor, and any MCP client.
dannote/figma-use
Various
Control Figma from the command line. Full read/write access for AI agents — create shapes, text, components, set styles, export images. 100+ commands.
mhmzdev/Figma-Flutter-MCP
Various
An MCP server that provides the coding agents Figma's design token to write Flutter code.
vkhanhqui/figma-mcp-go
Various
Figma MCP for free users — no rate limits, full read/write, text to designs, designs to code
Pairs with
Other entries in the index that connect to this one. Click through to see the chain.
firecrawl/firecrawl-mcp-server
Various
🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
executeautomation/playwright-mcp-server
Various
Playwright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌
idosal/git-mcp
Various
Put an end to code hallucinations! GitMCP is a free, open-source, remote MCP server for any GitHub project
21st-dev/Magic-MCP
Various
It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic
a-y-ibrahim/after-effects-mcp
Various
MCP server for controlling Adobe After Effects from AI clients (Claude, etc.) - ExtendScript execution, background rendering, deep project/layer inspection, and first-class Arabic/
AI-by-design/primitiv
Various
The design system infrastructure keeping teams and agents in sync.
Brand-System/brandsystem-mcp
Various
MCP server for progressive brand governance — extract, compile, and audit brand identity systems
diivi/aseprite-mcp
Various
MCP server for interacting with the Aseprite API
ejwhite7/brandkit-mcp
Various
Open-source MCP server that gives AI tools native access to your company's design system — drop in your brand files, connect to Claude or any LLM tool
evalstate/mcp-miro
Various
📇 ☁️ - Access MIRO whiteboards, bulk create and read items. Requires OAUTH key for REST API.
freema/mcp-design-system-extractor
Various
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adopti
GenWaveLLC/svgmaker-mcp
Various
Model Context Protocol server for SVGMaker - AI-powered SVG generation and editing. Seamlessly integrate SVG creation into AI workflows.
gofireflyio/firefly-mcp
Various
Firefly MCP
karyaboyraz/mockit-mcp
Various
MCP server that turns text prompts into premium iOS mobile UI mockups (PNG + HTML). Powered by Claude (Opus 4.7) + Playwright. Two backends: local CLI or Anthropic API. MIT.
kenneives/design-token-bridge-mcp
Various
MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables. Built for the v0 → Figma → Claude Code pipeline.
musepy/genable
Various
Quality-first AI UI generator for Figma. Multi-protocol: Gemini · Claude · OpenAI-compatible.
none298-dotcom/mylinedchart-mcp-chart-context
Various
Read-only MCP server giving AI agents access to your live MyLinedChart desktop chart context.
RNVizion/rnv-color-mcp
Various
[](https://glama.ai/mcp/servers/RNVizion/rnv-color-mcp) 🐍 ☁️ - A complete color workflow over MCP: mix (incl. Kubelka-Munk paint physics), convert formats, generate harmonies, and
sarveshsea/m-moire
Various
Shadcn-native Design CI for Tailwind apps: export registries that work with shadcn, v0, AI editors, and npm.
themesberg/flowbite-mcp
Various
Convert Figma design to code with the official Flowbite MCP server
TwelveTake-Studios/reaper-mcp
Various
🐍 🏠 🍎 🪟 🐧 - MCP server enabling AI assistants to control REAPER DAW for mixing, mastering, MIDI composition, and full music production with 129 tools
glifxyz/glif-mcp-server
Various
Deprecated — use the hosted Glif MCP server at https://glif.app/mcp
HalidSaglam/saglitzdesign-mcp
Various
Expert design & marketing knowledge for AI agents — an MCP server for web, iOS, Android & macOS design: UI, UX, SEO, GEO, copywriting, roadmaps & real-world patterns.
ng-galien/maket
Various
Visual design workspace for AI assistants: create posters, flyers, labels and social posts as multi-page HTML/CSS documents with live preview, annotations, brand guides, asset libr
KasayoDotCom/identityforge-mcp
Various
Design systems, brand naming, and domain research for coding agents through MCP and CLI.
Get the free Developer’s Field Guide
A 27-page field guide to the AI coding workflow with Claude. Claude Code, MCP servers, the prompt patterns that work, and what to delegate. Free.
Enter your work email. We send it straight over, plus a few short notes worth knowing. Unsubscribe any time.