tellfigma 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Directive Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,271 @@
+# tellfigma
+
+[![npm version](https://img.shields.io/npm/v/tellfigma.svg)](https://www.npmjs.com/package/tellfigma)
+[![npm downloads](https://img.shields.io/npm/dm/tellfigma.svg)](https://www.npmjs.com/package/tellfigma)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![Node.js](https://img.shields.io/badge/node-%3E%3D18-brightgreen.svg)](https://nodejs.org)
+
+<!-- 🎬 Add a demo GIF here — this is the #1 thing that makes repos go viral on GitHub/Twitter/Reddit -->
+<!-- ![tellfigma demo](https://tellfigma.com/demo.gif) -->
+
+**MCP server that gives AI full control over Figma. Create and edit designs from natural language.**
+
+> Figma's MCP reads designs. **tellfigma writes them.**
+
+One command. No Figma API key. No plugin. Works with Claude Desktop, Claude Code, VS Code Copilot, Cursor, Windsurf — any MCP client.
+
+```bash
+npx tellfigma
+```
+
+---
+
+## Why tellfigma?
+
+Every other Figma AI tool is **read-only** or **sandboxed**. tellfigma is the only MCP server that uses **Chrome DevTools Protocol** to give AI full read/write access to Figma's Plugin API — the same API that Figma plugins use, but without the sandbox.
+
+```
+┌─────────────────┐      MCP (stdio)       ┌──────────┐   Chrome DevTools   ┌──────────┐
+│  Claude Desktop  │ ◄────────────────────► │ tellfigma │ ◄────────────────► │  Chrome   │
+│  Claude Code     │                        │  (local)  │   Protocol (CDP)   │ + Figma   │
+│  VS Code Copilot │                        └──────────┘                     └──────────┘
+│  Cursor / etc.   │
+└─────────────────┘
+```
+
+### The AI + Figma Loop
+
+```
+① tellfigma              AI  ──────►  Figma       "Design a dashboard"
+② Figma MCP Server       Figma ──────►  Code       "Build this design"
+③ Claude Code to Figma   Code  ──────►  Figma      "Capture this UI"
+```
+
+tellfigma is **step ①** — the missing piece that lets AI create and modify Figma designs from scratch.
+
+---
+
+## Quick Start
+
+### 1. Run tellfigma
+
+```bash
+npx tellfigma
+```
+
+A Chrome window opens. Sign into Figma and open a design file.
+
+### 2. Add to your AI app
+
+<details>
+<summary><strong>Claude Desktop</strong></summary>
+
+Edit `~/Library/Application Support/Claude/claude_desktop_config.json` (macOS) or `%APPDATA%\Claude\claude_desktop_config.json` (Windows):
+
+```json
+{
+  "mcpServers": {
+    "tellfigma": {
+      "command": "npx",
+      "args": ["-y", "tellfigma"]
+    }
+  }
+}
+```
+
+Restart Claude Desktop.
+</details>
+
+<details>
+<summary><strong>Claude Code</strong></summary>
+
+```bash
+claude mcp add tellfigma -- npx -y tellfigma
+```
+</details>
+
+<details>
+<summary><strong>VS Code (GitHub Copilot)</strong></summary>
+
+Add to `.vscode/mcp.json`:
+
+```json
+{
+  "servers": {
+    "tellfigma": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "tellfigma"]
+    }
+  }
+}
+```
+</details>
+
+<details>
+<summary><strong>Cursor</strong></summary>
+
+Add to `~/.cursor/mcp.json`:
+
+```json
+{
+  "mcpServers": {
+    "tellfigma": {
+      "command": "npx",
+      "args": ["-y", "tellfigma"]
+    }
+  }
+}
+```
+</details>
+
+<details>
+<summary><strong>Windsurf</strong></summary>
+
+Add to `~/.windsurf/mcp.json`:
+
+```json
+{
+  "mcpServers": {
+    "tellfigma": {
+      "command": "npx",
+      "args": ["-y", "tellfigma"]
+    }
+  }
+}
+```
+</details>
+
+### 3. Start designing
+
+Tell your AI what to create:
+
+> "Design a modern login page with email and password fields, a sign-in button, and a 'Forgot password?' link"
+
+> "Take a screenshot and give me feedback on the spacing and hierarchy"
+
+> "Find all text nodes on this page and make them use Inter Semi Bold"
+
+> "Create a card component with a subtle shadow, 16px padding, and 12px border radius"
+
+---
+
+## Features
+
+### 16 MCP Tools
+
+| Tool | What it does |
+|------|-------------|
+| `execute_figma_code` | Run any JavaScript with full `figma` Plugin API access |
+| `take_screenshot` | Capture what's on screen — the AI sees your canvas |
+| `read_selection` | Deep inspect fills, strokes, effects, layout, fonts, children |
+| `get_page_context` | Page name, selection, top-level frames |
+| `select_nodes` | Find and select by name or type (FRAME, TEXT, COMPONENT, etc.) |
+| `list_components` | List all components and component sets |
+| `get_styles` | List local paint, text, and effect styles |
+| `get_variables` | List design tokens — colors, numbers, strings |
+| `export_node` | Export as PNG, SVG, JPG, or PDF |
+| `duplicate_node` | Clone with offset and count for grids |
+| `undo` / `redo` | Roll back or redo with configurable steps |
+| `zoom_to` | Zoom to selection, all nodes, or a specific node |
+| `navigate` | Open a URL (e.g., a specific Figma file) |
+| `click` | Click at coordinates on the page |
+| `get_snapshot` | Accessibility tree for understanding UI structure |
+
+### Built-in Design Intelligence
+
+The AI receives a comprehensive system prompt with:
+
+- **Figma Plugin API reference** — every method, property, and pattern
+- **Design recipes** — buttons, cards, inputs, navbars the AI can compose
+- **Design system defaults** — 8px spacing scale, color palette, type scale, shadows
+- **Smart error recovery** — hints for common Figma API mistakes (fonts, layout ordering, null nodes)
+- **Auto-reconnect** — drops CDP? Picks back up on the next tool call
+
+### Design From Your Codebase
+
+Using VS Code, Cursor, or Claude Code? The AI already has your project files. Ask it to design screens that match your actual codebase:
+
+> "Design a settings page that matches my app's design system"
+
+It reads your `tailwind.config.ts`, `globals.css`, component files — then creates Figma designs using your exact colors, fonts, spacing, and patterns. Works with **Tailwind**, **shadcn/ui**, **MUI**, **Chakra**, and any component library.
+
+```
+┌──────────┐     reads     ┌───────────┐    designs    ┌────────┐
+│ Your Code │ ────────────► │  AI Agent  │ ────────────► │ Figma  │
+│ (editor)  │  tailwind,   │ (Copilot/  │  your exact  │ canvas │
+│           │  components  │  Claude)   │  tokens      │        │
+└──────────┘              └───────────┘               └────────┘
+```
+
+---
+
+## How It Works
+
+1. `npx tellfigma` launches Chrome with `--remote-debugging-port=9222` and a dedicated profile (`~/.tellfigma-chrome-profile`)
+2. The MCP server starts on stdio
+3. When an AI calls `execute_figma_code`, tellfigma connects via CDP, finds the Figma tab, and runs JavaScript through `Runtime.evaluate`
+4. Screenshots use `Page.captureScreenshot` — real browser screenshots, not API renders
+5. The AI receives a system prompt with the full Figma Plugin API reference
+
+Chrome runs with its own profile so it doesn't interfere with your normal browsing.
+
+---
+
+## Compared to Alternatives
+
+| | tellfigma | Figma MCP (Dev Mode) | Claude Code to Figma | Plugin + WebSocket |
+|---|---|---|---|---|
+| **Creates designs** | ✅ | ❌ Read-only | ❌ Captures existing UI | ✅ |
+| **Edits designs** | ✅ | ❌ | ❌ One-time import | ✅ |
+| **Real screenshots** | ✅ | ✅ | N/A | ❌ |
+| **Any MCP client** | ✅ | ✅ | ❌ Claude only | ❌ |
+| **No API key** | ✅ | ❌ Token required | ❌ OAuth required | ✅ |
+| **No plugin install** | ✅ | ❌ | ❌ | ❌ |
+| **Full Plugin API** | ✅ | ❌ | ❌ | Partial |
+| **Setup** | `npx tellfigma` | Config + token | Server + OAuth | Plugin + WS + MCP |
+
+---
+
+## Options
+
+```
+npx tellfigma [options]
+
+  --port <number>   Chrome debug port (default: 9222)
+  --help, -h        Show help
+```
+
+## Requirements
+
+- **Node.js 18+**
+- **Google Chrome** (or Chromium)
+- Any MCP-compatible AI app
+
+## Troubleshooting
+
+**"No Figma tab found"** — Open a Figma design file in the Chrome window that tellfigma launched. Make sure the URL contains `figma.com/design` or `figma.com/file`.
+
+**"Chrome debug port didn't become available"** — Another process may be using port 9222. Try `npx tellfigma --port 9333` or close other Chrome debug instances.
+
+**"Connection lost, reconnecting..."** — This is normal. tellfigma auto-reconnects on the next tool call. If it persists, reload the Figma tab.
+
+**Font errors** — Always call `await figma.loadFontAsync({ family, style })` before setting `.characters` on a text node. Inter "Semi Bold" has a space (not "SemiBold").
+
+**Code executed but nothing appeared** — Make sure you're calling `figma.currentPage.appendChild(node)` after creating frames/shapes. New nodes aren't visible until appended.
+
+---
+
+## Contributing
+
+PRs welcome. Please open an issue first for major changes.
+
+## License
+
+MIT — [Directive Labs](https://directivelabs.com)
+
+---
+
+<p align="center">
+  <a href="https://tellfigma.com">tellfigma.com</a> · <a href="https://directivelabs.com">Directive Labs</a> · <a href="https://github.com/mrpeterperez/tellfigma">GitHub</a>
+</p>

package/bin/cli.js

@@ -0,0 +1,98 @@
+#!/usr/bin/env node
+
+// ============================================================
+// tellfigma CLI — Control Figma from any AI app. One command.
+// ============================================================
+// Usage:
+//   npx tellfigma                         # Start with defaults
+//   npx tellfigma --port 9222             # Custom Chrome debug port
+//   npx tellfigma --no-launch             # Don't launch Chrome (connect to existing)
+// ============================================================
+
+import { startServer } from '../dist/index.js';
+
+const args = process.argv.slice(2);
+
+// Parse args
+let port = 9222;
+let showHelp = false;
+
+for (let i = 0; i < args.length; i++) {
+  if (args[i] === '--port' && args[i + 1]) {
+    port = parseInt(args[i + 1], 10);
+    i++;
+  } else if (args[i] === '--help' || args[i] === '-h') {
+    showHelp = true;
+  }
+}
+
+if (showHelp) {
+  console.log(`
+  tellfigma — Control Figma from any AI app. One command.
+
+  Usage:
+    npx tellfigma [options]
+
+  Options:
+    --port <number>   Chrome debug port (default: 9222)
+    --help, -h        Show this help
+
+  Setup:
+    1. Run this command: npx tellfigma
+    2. Log into Figma in the Chrome window that opens
+    3. Open a design file
+    4. Add tellfigma to your AI app's MCP config:
+
+       Claude Desktop (~/.claude/claude_desktop_config.json):
+       {
+         "mcpServers": {
+           "tellfigma": {
+             "command": "npx",
+             "args": ["-y", "tellfigma"]
+           }
+         }
+       }
+
+       Claude Code:
+       claude mcp add tellfigma -- npx -y tellfigma
+
+       VS Code (.vscode/mcp.json):
+       {
+         "servers": {
+           "tellfigma": {
+             "type": "stdio",
+             "command": "npx",
+             "args": ["-y", "tellfigma"]
+           }
+         }
+       }
+
+    5. Chat with your AI — it now controls Figma!
+
+  Examples:
+    "Create a card component with a shadow and rounded corners"
+    "Design a login page with email and password fields"
+    "Find all text on this page and list their font sizes"
+
+  More info: https://github.com/mrpeterperez/tellfigma
+`);
+  process.exit(0);
+}
+
+// ASCII banner
+process.stderr.write(`
+╔═══════════════════════════════════════════════════╗
+║                                                   ║
+║   ▀█▀ █▀▀ █   █   █▀▀ █ █▀▀ █▄ ▄█ █▀█           ║
+║    █  █▀▀ █   █   █▀  █ █ █ █ ▀ █ █▀█           ║
+║    ▀  ▀▀▀ ▀▀▀ ▀▀▀ ▀   ▀ ▀▀▀ ▀   ▀ ▀ ▀           ║
+║                                                   ║
+║   Control Figma from any AI app. One command.     ║
+║                                                   ║
+╚═══════════════════════════════════════════════════╝
+`);
+
+startServer(port).catch((err) => {
+  process.stderr.write(`\n[tellfigma] Error: ${err.message}\n`);
+  process.exit(1);
+});

package/dist/chrome.d.ts

@@ -0,0 +1,20 @@
+import { type ChildProcess } from 'node:child_process';
+export interface ChromeConnection {
+    port: number;
+    process: ChildProcess | null;
+    /** Whether we launched Chrome or connected to existing */
+    launched: boolean;
+}
+/**
+ * Launch Chrome with remote debugging enabled, or connect to existing.
+ * Uses a separate user profile so normal Chrome is untouched.
+ */
+export declare function launchChrome(port?: number): Promise<ChromeConnection>;
+/** Find the Figma tab among Chrome's open pages */
+export declare function findFigmaTab(port: number): Promise<{
+    id: string;
+    title: string;
+    url: string;
+    webSocketDebuggerUrl: string;
+} | null>;
+//# sourceMappingURL=chrome.d.ts.map

package/dist/chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../src/chrome.ts"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAuExE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAsB,YAAY,CAChC,IAAI,GAAE,MAAqB,GAC1B,OAAO,CAAC,gBAAgB,CAAC,CAiC3B;AAED,mDAAmD;AACnD,wBAAsB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB,EAAE,MAAM,CAAC;CAC9B,GAAG,IAAI,CAAC,CA8BR"}

package/dist/chrome.js

@@ -0,0 +1,114 @@
+// ============================================================
+// Chrome Launcher — Launch & connect to Chrome with CDP
+// ============================================================
+import { spawn, execSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import { homedir, platform } from 'node:os';
+import { join } from 'node:path';
+const DEFAULT_PORT = 9222;
+const DEBUG_PROFILE = join(homedir(), '.tellfigma-chrome-profile');
+/** Get Chrome path based on OS */
+function getChromePath() {
+    const os = platform();
+    if (os === 'darwin') {
+        const paths = [
+            '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+            '/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary',
+        ];
+        for (const p of paths) {
+            if (existsSync(p))
+                return p;
+        }
+        throw new Error('Chrome not found. Install Google Chrome or set CHROME_PATH environment variable.');
+    }
+    if (os === 'win32') {
+        const paths = [
+            'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+            'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe',
+        ];
+        for (const p of paths) {
+            if (existsSync(p))
+                return p;
+        }
+        throw new Error('Chrome not found. Install Google Chrome or set CHROME_PATH.');
+    }
+    // Linux
+    try {
+        return execSync('which google-chrome || which google-chrome-stable || which chromium-browser')
+            .toString()
+            .trim()
+            .split('\n')[0];
+    }
+    catch {
+        throw new Error('Chrome not found. Install google-chrome or set CHROME_PATH environment variable.');
+    }
+}
+/** Check if a debug port is already active */
+async function isPortActive(port) {
+    try {
+        const res = await fetch(`http://127.0.0.1:${port}/json/version`);
+        return res.ok;
+    }
+    catch {
+        return false;
+    }
+}
+/** Wait for Chrome debug port to become available */
+async function waitForPort(port, timeoutMs = 15000) {
+    const start = Date.now();
+    while (Date.now() - start < timeoutMs) {
+        if (await isPortActive(port))
+            return;
+        await new Promise((r) => setTimeout(r, 500));
+    }
+    throw new Error(`Chrome debug port ${port} didn't become available within ${timeoutMs / 1000}s`);
+}
+/**
+ * Launch Chrome with remote debugging enabled, or connect to existing.
+ * Uses a separate user profile so normal Chrome is untouched.
+ */
+export async function launchChrome(port = DEFAULT_PORT) {
+    // Check if Chrome is already running with debug port
+    if (await isPortActive(port)) {
+        log(`Connected to existing Chrome on port ${port}`);
+        return { port, process: null, launched: false };
+    }
+    const chromePath = process.env.CHROME_PATH || getChromePath();
+    log(`Launching Chrome with debug port ${port}...`);
+    const child = spawn(chromePath, [
+        `--remote-debugging-port=${port}`,
+        `--user-data-dir=${DEBUG_PROFILE}`,
+        '--no-first-run',
+        '--no-default-browser-check',
+        'https://www.figma.com',
+    ], {
+        stdio: 'ignore',
+        detached: true,
+    });
+    // Don't let Chrome block our process exit
+    child.unref();
+    // Wait for debug port
+    await waitForPort(port);
+    log(`Chrome running on port ${port}`);
+    return { port, process: child, launched: true };
+}
+/** Find the Figma tab among Chrome's open pages */
+export async function findFigmaTab(port) {
+    try {
+        const res = await fetch(`http://127.0.0.1:${port}/json`);
+        const pages = (await res.json());
+        // Find the Figma design tab (not just figma.com homepage)
+        const figmaTab = pages.find((p) => p.type === 'page' && p.url.includes('figma.com/design')) ||
+            pages.find((p) => p.type === 'page' && p.url.includes('figma.com/file')) ||
+            pages.find((p) => p.type === 'page' && p.url.includes('figma.com/board')) ||
+            pages.find((p) => p.type === 'page' && p.url.includes('figma.com'));
+        return figmaTab || null;
+    }
+    catch {
+        return null;
+    }
+}
+function log(msg) {
+    process.stderr.write(`[tellfigma] ${msg}\n`);
+}
+//# sourceMappingURL=chrome.js.map

package/dist/chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../src/chrome.ts"],"names":[],"mappings":"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"}

package/dist/figma.d.ts

@@ -0,0 +1,12 @@
+import CDP from 'chrome-remote-interface';
+export declare function log(msg: string): void;
+export declare function setChromePort(port: number): void;
+export declare function ensureConnected(): Promise<CDP.Client>;
+export declare function executeFigmaCode(code: string): Promise<string>;
+export declare function takeScreenshot(): Promise<{
+    base64: string;
+    width: number;
+    height: number;
+}>;
+export declare function getPageInfo(): Promise<string>;
+//# sourceMappingURL=figma.d.ts.map

package/dist/figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma.d.ts","sourceRoot":"","sources":["../src/figma.ts"],"names":[],"mappings":"AAMA,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAS1C,wBAAgB,GAAG,CAAC,GAAG,EAAE,MAAM,QAE9B;AAGD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,QAEzC;AAID,wBAAsB,eAAe,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CA+C3D;AAID,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAgDpE;AAID,wBAAsB,cAAc,IAAI,OAAO,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAqBD;AAID,wBAAsB,WAAW,IAAI,OAAO,CAAC,MAAM,CAAC,CA0BnD"}