figma-context-mcp
this mcp server allows ai coding agents like cursor to implement figma designs accurately and efficiently, enhancing development workflows.
development
free
requires coding
Server Statistics
setup time
5 minutes
github stars
12,159
forks
989
watchers
12,159
open issues
34
contributors
23
last updated
2 days ago
language: typescriptlicense: mitlast release: v0.6.4 (October 6, 2025)
description
enables ai coding agents to access figma design data.
use cases
- implement figma designs in code with ai assistance.
- fetch relevant layout and styling information from figma.
- enhance accuracy of design implementation in coding tools.
technical details
prerequisites
- node.js 18+
- api key from figma
installation steps
- step 1: create a figma access token.
- step 2: add the mcp server configuration to your code editor.
- step 3: start the server using the provided command.
configuration example
{"mcpServers": {"Framelink MCP for Figma": {"command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]}}}required accounts
github
figma
tags
ai
cursor
figma
mcp
typescript
model-context-protocol