zapcode-figma-mcp 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -21,11 +21,13 @@ Connect your Figma designs directly to AI tools like Claude Desktop, Claude Code
|
|
|
21
21
|
## Prerequisites
|
|
22
22
|
|
|
23
23
|
1. **Node.js 16+** - [Download here](https://nodejs.org/)
|
|
24
|
-
2. **Figma Desktop
|
|
24
|
+
2. **Figma Desktop or Web** - Required for plugin
|
|
25
25
|
3. **[Zapcode Figma Plugin](https://www.figma.com/community/plugin/1454956820198178710/zapcode)** - Install from Figma Community
|
|
26
26
|
|
|
27
27
|
## Installation
|
|
28
28
|
|
|
29
|
+
> **Note**: The `--figma-port` argument specifies which port to use for communication with the Figma plugin. Default is `32896`. You can customize this port if needed (e.g., to run multiple instances or if the default port is already in use).
|
|
30
|
+
|
|
29
31
|
### Claude Desktop
|
|
30
32
|
|
|
31
33
|
Add to your `claude_desktop_config.json`:
|
|
@@ -38,7 +40,7 @@ Add to your `claude_desktop_config.json`:
|
|
|
38
40
|
"mcpServers": {
|
|
39
41
|
"zapcode-figma": {
|
|
40
42
|
"command": "npx",
|
|
41
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
43
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
42
44
|
}
|
|
43
45
|
}
|
|
44
46
|
}
|
|
@@ -46,6 +48,8 @@ Add to your `claude_desktop_config.json`:
|
|
|
46
48
|
|
|
47
49
|
Restart Claude Desktop after making changes.
|
|
48
50
|
|
|
51
|
+
|
|
52
|
+
|
|
49
53
|
### Claude Code
|
|
50
54
|
|
|
51
55
|
Add to your `claude_code_config.json`:
|
|
@@ -58,12 +62,18 @@ Add to your `claude_code_config.json`:
|
|
|
58
62
|
"mcpServers": {
|
|
59
63
|
"zapcode-figma": {
|
|
60
64
|
"command": "npx",
|
|
61
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
65
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
62
66
|
}
|
|
63
67
|
}
|
|
64
68
|
}
|
|
65
69
|
```
|
|
66
70
|
|
|
71
|
+
or run
|
|
72
|
+
|
|
73
|
+
```sh
|
|
74
|
+
claude mcp add --transport stdio zapcode -- npx -y zapcode-figma-mcp --figma-port 61234
|
|
75
|
+
```
|
|
76
|
+
|
|
67
77
|
### Cursor
|
|
68
78
|
|
|
69
79
|
Add to your MCP settings configuration:
|
|
@@ -73,7 +83,7 @@ Add to your MCP settings configuration:
|
|
|
73
83
|
"mcpServers": {
|
|
74
84
|
"zapcode-figma": {
|
|
75
85
|
"command": "npx",
|
|
76
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
86
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
77
87
|
}
|
|
78
88
|
}
|
|
79
89
|
}
|
|
@@ -88,7 +98,7 @@ Add to Cline's MCP settings:
|
|
|
88
98
|
"mcpServers": {
|
|
89
99
|
"zapcode-figma": {
|
|
90
100
|
"command": "npx",
|
|
91
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
101
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
92
102
|
}
|
|
93
103
|
}
|
|
94
104
|
}
|
|
@@ -103,7 +113,7 @@ Add to your Windsurf MCP configuration:
|
|
|
103
113
|
"mcpServers": {
|
|
104
114
|
"zapcode-figma": {
|
|
105
115
|
"command": "npx",
|
|
106
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
116
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
107
117
|
}
|
|
108
118
|
}
|
|
109
119
|
}
|
|
@@ -118,7 +128,7 @@ Add to your Zed settings (MCP support currently in preview):
|
|
|
118
128
|
"context_servers": {
|
|
119
129
|
"zapcode-figma": {
|
|
120
130
|
"command": "npx",
|
|
121
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
131
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
122
132
|
}
|
|
123
133
|
}
|
|
124
134
|
}
|
|
@@ -133,7 +143,7 @@ Add to Continue's configuration:
|
|
|
133
143
|
"mcpServers": {
|
|
134
144
|
"zapcode-figma": {
|
|
135
145
|
"command": "npx",
|
|
136
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
146
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
137
147
|
}
|
|
138
148
|
}
|
|
139
149
|
}
|
|
@@ -149,7 +159,7 @@ Add to your GitHub Copilot MCP configuration:
|
|
|
149
159
|
"zapcode-figma": {
|
|
150
160
|
"type": "stdio",
|
|
151
161
|
"command": "npx",
|
|
152
|
-
"args": ["-y", "zapcode-figma-mcp"]
|
|
162
|
+
"args": ["-y", "zapcode-figma-mcp", "--figma-port", "61234"]
|
|
153
163
|
}
|
|
154
164
|
}
|
|
155
165
|
}
|