Skip to content

Commit 5b09297

Browse files
its-mashMohammod Al Amin Ashik
andauthored
feat: add Figma (Official Remote) MCP server definition (#40)
* feat: add Figma official remote MCP server definition Add Figma's hosted remote MCP server at mcp.figma.com/mcp with OAuth. Enables code generation from Figma designs, design context extraction, variables, and component data. Read-only access. https://claude.ai/code/session_013AxurW8hPAfnUNvik354Xx * Remove Figma official remote definition Not ready for inclusion yet — the official remote HTTP endpoint may mislead users. Keep only the community Framelink stdio variant. Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com> * Update Figma definition: rename, fix capabilities, update docs - Rename community.figma-context → glips.figma-context-npx (GitHub org domain + npx suffix) - Name: "Figma" → "Figma (npx)" - Fix resources: true → false (server only exposes tools) - Category: productivity → design - Documentation: link to official Figma MCP guide - Add changelog_url Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com> * Add Figma official HTTP MCP server definition Official hosted endpoint at https://mcp.figma.com/mcp with OAuth auth. Code generation from designs, design context extraction, Code Connect, FigJam content access, browser-to-Figma live capture. Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com> --------- Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com> Co-authored-by: Mohammod Al Amin Ashik <mohammod@mcpmux.com>
1 parent f2013d0 commit 5b09297

2 files changed

Lines changed: 68 additions & 9 deletions

File tree

servers/com.figma-mcp.json

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
{
2+
"$schema": "../schemas/server-definition.schema.json",
3+
"id": "com.figma-mcp",
4+
"name": "Figma",
5+
"alias": "figma-http",
6+
"description": "Generate code from Figma designs, extract design context, variables, and components through Figma's official hosted MCP server. Supports Code Connect for design system consistency, FigJam content, and browser-to-Figma live capture.",
7+
"icon": "https://avatars.githubusercontent.com/u/5155369?v=4",
8+
"schema_version": "2.1",
9+
"categories": [
10+
"developer-tools",
11+
"design"
12+
],
13+
"tags": [
14+
"figma",
15+
"design",
16+
"ui",
17+
"code-generation",
18+
"components",
19+
"design-system"
20+
],
21+
22+
"transport": {
23+
"type": "http",
24+
"url": "https://mcp.figma.com/mcp",
25+
"metadata": {
26+
"inputs": []
27+
}
28+
},
29+
30+
"auth": {
31+
"type": "oauth",
32+
"instructions": "Connect via OAuth when prompted. Your browser will open to authorize access to your Figma account. Requires a Figma account with Dev or Full seat on Professional/Organization/Enterprise plan for full rate limits."
33+
},
34+
35+
"contributor": {
36+
"name": "Figma",
37+
"github": "figma",
38+
"url": "https://www.figma.com"
39+
},
40+
41+
"links": {
42+
"repository": "https://github.com/figma/mcp-server-guide",
43+
"homepage": "https://www.figma.com",
44+
"documentation": "https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server"
45+
},
46+
47+
"platforms": [
48+
"all"
49+
],
50+
51+
"capabilities": {
52+
"tools": true,
53+
"resources": false,
54+
"prompts": false,
55+
"read_only_mode": true
56+
}
57+
}
Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
{
22
"$schema": "../schemas/server-definition.schema.json",
3-
"id": "community.figma-context",
4-
"name": "Figma",
3+
"id": "glips.figma-context-npx",
4+
"name": "Figma (npx)",
55
"alias": "figma",
6-
"description": "Read and inspect Figma designs, components, and styles. Extract layout details, design tokens, and asset metadata from any Figma file via the Framelink MCP server.",
6+
"description": "Read and inspect Figma designs, components, and styles. Extract layout details, design tokens, and asset metadata from any Figma file. Translates auto-layout to CSS flexbox. Supports image downloads.",
77
"icon": "https://avatars.githubusercontent.com/u/5155369?v=4",
88
"schema_version": "2.1",
9-
"categories": ["developer-tools", "productivity"],
9+
"categories": ["developer-tools", "design"],
1010
"tags": ["figma", "design", "ui", "components", "design-tokens", "frontend", "framelink"],
1111

1212
"transport": {
@@ -21,11 +21,11 @@
2121
{
2222
"id": "FIGMA_API_KEY",
2323
"label": "Figma Personal Access Token",
24-
"description": "Personal access token for the Figma API. Generated from your Figma account settings.",
24+
"description": "Personal access token for the Figma API. Generated from your Figma account settings under Settings > Account > Personal access tokens.",
2525
"type": "text",
2626
"required": true,
2727
"secret": true,
28-
"placeholder": "figd_your_personal_access_token_here",
28+
"placeholder": "figd_xxxxxxxxxxxxxxxxxxxx",
2929
"obtain": {
3030
"url": "https://www.figma.com/developers/api#access-tokens",
3131
"instructions": "1. Go to figma.com and log in\n2. Open Settings > Account\n3. Scroll to Personal access tokens\n4. Click 'Generate new token'\n5. Give it a description and copy the token",
@@ -50,15 +50,17 @@
5050
"links": {
5151
"repository": "https://github.com/GLips/Figma-Context-MCP",
5252
"homepage": "https://figma.com",
53-
"documentation": "https://www.figma.com/developers/api"
53+
"documentation": "https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server"
5454
},
5555

5656
"platforms": ["all"],
5757

5858
"capabilities": {
5959
"tools": true,
60-
"resources": true,
60+
"resources": false,
6161
"prompts": false,
6262
"read_only_mode": true
63-
}
63+
},
64+
65+
"changelog_url": "https://github.com/GLips/Figma-Context-MCP/releases"
6466
}

0 commit comments

Comments
 (0)