@youware-labs/figma-pilot-mcp 0.1.4 → 0.1.7
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 +18 -7
- package/dist/index.js +18 -18
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
# @youware-labs/figma-pilot-mcp
|
|
2
2
|
|
|
3
|
-
MCP server that enables AI agents (Claude,
|
|
3
|
+
MCP server that enables AI agents (Claude, Cursor, Codex, and any MCP-compatible client) to create and modify Figma designs through natural language.
|
|
4
|
+
|
|
5
|
+
**English** | [中文](../../README.zh-CN.md)
|
|
4
6
|
|
|
5
7
|
## Quick Start
|
|
6
8
|
|
|
@@ -11,9 +13,17 @@ MCP server that enables AI agents (Claude, etc.) to create and modify Figma desi
|
|
|
11
13
|
claude mcp add figma-pilot -- npx @youware-labs/figma-pilot-mcp
|
|
12
14
|
```
|
|
13
15
|
|
|
14
|
-
**Claude Desktop
|
|
16
|
+
**Claude Desktop:**
|
|
17
|
+
|
|
18
|
+
Add to your MCP config file (usually `~/.config/claude/claude_desktop_config.json` on macOS/Linux, or `%APPDATA%\Claude\claude_desktop_config.json` on Windows):
|
|
19
|
+
|
|
20
|
+
**Cursor:**
|
|
21
|
+
|
|
22
|
+
Add to your Cursor MCP config file (usually `~/.cursor/mcp.json` or in Cursor settings):
|
|
23
|
+
|
|
24
|
+
**Codex / Other MCP Clients:**
|
|
15
25
|
|
|
16
|
-
Add to your MCP config file:
|
|
26
|
+
Add to your MCP config file (location varies by client):
|
|
17
27
|
```json
|
|
18
28
|
{
|
|
19
29
|
"mcpServers": {
|
|
@@ -35,7 +45,7 @@ Add to your MCP config file:
|
|
|
35
45
|
|
|
36
46
|
### 3. Start Using
|
|
37
47
|
|
|
38
|
-
Once the MCP is configured and the Figma plugin is running, you can ask
|
|
48
|
+
Once the MCP is configured and the Figma plugin is running, you can ask your AI agent to:
|
|
39
49
|
- "Create a login form in Figma"
|
|
40
50
|
- "Add a navigation bar with logo and menu items"
|
|
41
51
|
- "Change the selected element's color to blue"
|
|
@@ -88,9 +98,10 @@ figma_export({ target: "selection", format: "png", scale: 2 })
|
|
|
88
98
|
|
|
89
99
|
```
|
|
90
100
|
┌─────────────┐ stdio ┌─────────────────┐ HTTP ┌──────────────┐
|
|
91
|
-
│
|
|
92
|
-
│
|
|
93
|
-
|
|
101
|
+
│ MCP Client │ ◄────────────► │ MCP Server │ ◄───────────► │ Figma Plugin │
|
|
102
|
+
│(Claude/Cursor│ │ (with bridge) │ port 38451 │ │
|
|
103
|
+
│ /Codex/etc)│ └─────────────────┘ └──────────────┘
|
|
104
|
+
└─────────────┘
|
|
94
105
|
```
|
|
95
106
|
|
|
96
107
|
The MCP server includes a built-in HTTP bridge that the Figma plugin connects to. No separate server process needed.
|