MetaSkill + Submit
⇄ MCP SERVER

Framelink Figma MCP

Community Figma server that simplifies design data for coding agents.

Open ↗

Install

# Claude Code
claude mcp add figma-framelink -- npx -y figma-developer-mcp --figma-api-key=YOUR_KEY --stdio

# Cursor / VS Code / Windsurf (mcp.json)
"figma-framelink": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_KEY", "--stdio"] }

Commands change between releases — if something fails, check the official README.

About Framelink Figma MCP

Framelink fetches Figma file data with your API key and trims it to the layout and style information agents need to implement designs accurately.

FAQ

What is Framelink Figma MCP?

Community Figma server that simplifies design data for coding agents.

How do I install Framelink Figma MCP?

Run: claude mcp add figma-framelink -- npx -y figma-developer-mcp --figma-api-key=YOUR_KEY --stdio. Full steps are in the Install section on this page.

Which agents does Framelink Figma MCP work with?

Claude Code, Claude apps, Cursor, VS Code & Copilot, OpenAI Codex, Gemini CLI, Windsurf.

Is Framelink Figma MCP free?

Yes. It is open source (MIT).

Alternatives to Framelink Figma MCP?

Figma MCP, frontend-design, UI UX Pro Max.

Similar to Framelink Figma MCP

More design & frontend →
⇄ MCP SERVER★

Figma MCP

Bring Figma design context — components, variables, layout — into code generation.

claude mcp add --transport http figma https://mcp.figma.com/mcp
Claude CodeClaude appsCursor +3
◆ SKILL

frontend-design

Pushes agents toward distinctive, production-grade UI instead of generic layouts.

/plugin marketplace add anthropics/skills
Claude CodeClaude appsOpenAI Codex +3
◆ SKILL

UI UX Pro Max

Design-intelligence skill for building professional UI/UX across platforms.

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Claude CodeClaude appsOpenAI Codex +3