tellfigma 0.2.2 → 0.2.3
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 +11 -9
- package/dist/index.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -170,7 +170,15 @@ Just talk to your AI like a normal human:
|
|
|
170
170
|
|
|
171
171
|
> "Create a card component with a subtle shadow, 16px padding, and 12px corners"
|
|
172
172
|
|
|
173
|
-
|
|
173
|
+
> "List all the variables and styles in this file"
|
|
174
|
+
|
|
175
|
+
> "Select every frame named 'Card' and read their properties"
|
|
176
|
+
|
|
177
|
+
> "Export the header component as SVG"
|
|
178
|
+
|
|
179
|
+
Creating, reading, inspecting, exporting — it does all of it. In Figma. Live. 🤯
|
|
180
|
+
|
|
181
|
+
Also works with **FigJam boards**. 🧩
|
|
174
182
|
|
|
175
183
|
---
|
|
176
184
|
|
|
@@ -219,14 +227,6 @@ And it will:
|
|
|
219
227
|
|
|
220
228
|
Works with **Tailwind**, **shadcn/ui**, **MUI**, **Chakra**, whatever you're running. No config. No flags. Your editor already knows your project.
|
|
221
229
|
|
|
222
|
-
```
|
|
223
|
-
┌──────────┐ reads ┌───────────┐ designs ┌────────┐
|
|
224
|
-
│ Your Code │ ────────────► │ AI Agent │ ────────────► │ Figma │
|
|
225
|
-
│ (editor) │ tailwind, │ (Copilot/ │ your exact │ canvas │
|
|
226
|
-
│ │ components │ Claude) │ tokens │ │
|
|
227
|
-
└──────────┘ └───────────┘ └────────┘
|
|
228
|
-
```
|
|
229
|
-
|
|
230
230
|
---
|
|
231
231
|
|
|
232
232
|
## ⚙️ How it actually works
|
|
@@ -281,6 +281,8 @@ npx tellfigma [options]
|
|
|
281
281
|
|
|
282
282
|
**"Chrome debug port didn't become available"** — Something else is hogging port 9222. Try `npx tellfigma --port 9333` or kill the squatter.
|
|
283
283
|
|
|
284
|
+
**Chrome not found (Windows/Linux)** — Set the `CHROME_PATH` environment variable to your Chrome executable path. e.g. `CHROME_PATH="/usr/bin/google-chrome" npx tellfigma`
|
|
285
|
+
|
|
284
286
|
**"Connection lost, reconnecting..."** — Totally normal. Auto-reconnects on the next tool call. If it keeps happening, reload the Figma tab.
|
|
285
287
|
|
|
286
288
|
**Font errors** — Always `await figma.loadFontAsync({ family, style })` before setting text. And it's `"Semi Bold"` with a space, not `"SemiBold"`. Yeah, that one gets everyone. 🫠
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tellfigma",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"description": "MCP server that gives AI apps (Claude, Cursor, VS Code Copilot, Windsurf) full control over Figma via Chrome DevTools Protocol. Create and edit designs from natural language. No plugin, no API key — just npx tellfigma.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
|
7
|
-
"tellfigma": "
|
|
7
|
+
"tellfigma": "bin/cli.js"
|
|
8
8
|
},
|
|
9
9
|
"main": "./dist/index.js",
|
|
10
10
|
"scripts": {
|