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
Tested 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
Pairs with
Other entries in the index that connect to this one. Click through to see the chain.
Cline
Cline
Open-source autonomous coding agent that lives inside VS Code. BYO model key, watch it work.
Continue
Continue.dev
Open-source AI code assistant for VS Code and JetBrains. Customisable, BYO model, built for enterprise.
Claude Code
Anthropic
Anthropic's terminal-native coding agent. Reads your repo, edits files, runs tests, ships PRs.
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
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
glenngillen/mcpmcp-server
Various
Discover, setup, and integrate MCP servers with your favorite clients. Unlock the full potential of AI in your daily workflow.
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.
Nishant-Chaudhary5338/mcp-toolkit
Various
9 MCP servers for React + TypeScript automation — component scaffolding, dep auditing, WCAG checking, test generation, TypeScript enforcement, and monorepo management.
shadcn/studio MCP
Various
Integrate shadcn/studio MCP Server directly into your favorite IDE and craft stunning shadcn/ui Components, Blocks and Pages inspired by shadcn/studio.
zueai/mcp-manager
Various
simple web ui to manage mcp (model context protocol) servers in the claude app
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.
themesberg/flowbite-mcp
Various
Convert Figma design to code with the official Flowbite MCP server
vkhanhqui/figma-mcp-go
Various
Figma MCP for free users — no rate limits, full read/write, text to designs, designs to code
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.