@mp3wizard/figma-console-mcp 1.20.1 → 1.21.2

package/README.md

@@ -54,9 +54,9 @@ Figma Console MCP connects AI assistants (like Claude) to Figma, enabling:
 | Real-time monitoring (console, selection) | ✅ | ❌ | ❌ |
 | Desktop Bridge plugin | ✅ | ✅ | ❌ |
 | Requires Node.js | Yes | **No** | No |
-| **Total tools available** | **91+** | **43** | **22** |
+| **Total tools available** | **92+** | **43** | **22** |
 
-> **Bottom line:** Remote SSE is **read-only** with ~38% of the tools. **Cloud Mode** unlocks write access from web AI clients without Node.js. NPX/Local Git gives the full 91+ tools with real-time monitoring.
+> **Bottom line:** Remote SSE is **read-only** with ~38% of the tools. **Cloud Mode** unlocks write access from web AI clients without Node.js. NPX/Local Git gives the full 92+ tools with real-time monitoring.
 
 ---
 
@@ -64,7 +64,7 @@ Figma Console MCP connects AI assistants (like Claude) to Figma, enabling:
 
 **Best for:** Designers who want full AI-assisted design capabilities.
 
-**What you get:** All 91+ tools including design creation, variable management, and component instantiation.
+**What you get:** All 92+ tools including design creation, variable management, and component instantiation.
 
 #### Prerequisites
 
@@ -159,7 +159,7 @@ Create a simple frame with a blue background
 
 **Best for:** Developers who want to modify source code or contribute to the project.
 
-**What you get:** Same 91+ tools as NPX, plus full source code access.
+**What you get:** Same 92+ tools as NPX, plus full source code access.
 
 #### Quick Setup
 
@@ -248,7 +248,7 @@ Ready for design creation? Follow the [NPX Setup](#-npx-setup-recommended) guide
 
 **Best for:** Using Claude.ai, v0, Replit, or Lovable to create and modify Figma designs — no Node.js required.
 
-**What you get:** 81 tools including full write access — design creation, variable management, component instantiation, and all REST API tools. Only real-time monitoring (console logs, selection tracking, document changes) requires Local Mode.
+**What you get:** 82 tools including full write access — design creation, variable management, component instantiation, and all REST API tools. Only real-time monitoring (console logs, selection tracking, document changes) requires Local Mode.
 
 #### Prerequisites
 
@@ -305,7 +305,7 @@ AI Client → Cloud MCP Server → Durable Object Relay → Desktop Bridge Plugi
 | Feature | NPX (Recommended) | Cloud Mode | Local Git | Remote SSE |
 |---------|-------------------|------------|-----------|------------|
 | **Setup time** | ~10 minutes | ~5 minutes | ~15 minutes | ~2 minutes |
-| **Total tools** | **91+** | **43** | **91+** | **22** (read-only) |
+| **Total tools** | **92+** | **43** | **92+** | **22** (read-only) |
 | **Design creation** | ✅ | ✅ | ✅ | ❌ |
 | **Variable management** | ✅ | ✅ | ✅ | ❌ |
 | **Component instantiation** | ✅ | ✅ | ✅ | ❌ |
@@ -320,7 +320,7 @@ AI Client → Cloud MCP Server → Durable Object Relay → Desktop Bridge Plugi
 | **Automatic updates** | ✅ (`@latest`) | ✅ | Manual (`git pull`) | ✅ |
 | **Source code access** | ❌ | ❌ | ✅ | ❌ |
 
-> **Key insight:** Remote SSE is read-only. Cloud Mode adds write access for web AI clients without Node.js. NPX/Local Git give the full 91+ tools.
+> **Key insight:** Remote SSE is read-only. Cloud Mode adds write access for web AI clients without Node.js. NPX/Local Git give the full 92+ tools.
 
 **📖 [Complete Feature Comparison](docs/mode-comparison.md)**
 
@@ -654,7 +654,7 @@ The **Figma Desktop Bridge** plugin is the recommended way to connect Figma to t
 - The MCP server communicates via **WebSocket** through the Desktop Bridge plugin
 - The server tries port 9223 first, then automatically falls back through ports 9224–9232 if needed
 - The plugin scans all ports in the range and connects to every active server it finds
-- All 91+ tools work through the WebSocket transport
+- All 92+ tools work through the WebSocket transport
 
 **Multiple files:** The WebSocket server supports multiple simultaneous plugin connections — one per open Figma file. Each connection is tracked by file key with independent state (selection, document changes, console logs).
 
@@ -791,7 +791,7 @@ The architecture supports adding new apps with minimal boilerplate — each app
 
 ## 🛤️ Roadmap
 
-**Current Status:** v1.17.0 (Stable) - Production-ready with FigJam + Slides support, Cloud Write Relay, Design System Kit, WebSocket-only connectivity, smart multi-file tracking, 91+ tools, Comments API, and MCP Apps
+**Current Status:** v1.17.0 (Stable) - Production-ready with FigJam + Slides support, Cloud Write Relay, Design System Kit, WebSocket-only connectivity, smart multi-file tracking, 92+ tools, Comments API, and MCP Apps
 
 **Recent Releases:**
 - [x] **v1.17.0** - Figma Slides Support: 15 new tools for managing presentations — slides, transitions, content, reordering, and navigation. Inspired by Toni Haidamous (PR #11).

package/dist/cloudflare/core/cloud-websocket-connector.js

@@ -276,6 +276,9 @@ export class CloudWebSocketConnector {
     async createShapeWithText(params) {
         return this.sendCommand('CREATE_SHAPE_WITH_TEXT', params);
     }
+    async createSection(params) {
+        return this.sendCommand('CREATE_SECTION', params);
+    }
     async createTable(params) {
         return this.sendCommand('CREATE_TABLE', params, 30000);
     }

package/dist/cloudflare/core/figjam-tools.js

@@ -138,7 +138,9 @@ export function registerFigJamTools(server, getDesktopConnector) {
     // ============================================================================
     server.tool("figjam_create_connector", `Connect two nodes with a connector line in FigJam. Use to create flowcharts, diagrams, and relationship maps.
 
-Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from creation results.`, {
+Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from creation results.
+
+**Magnet positions:** AUTO (default), TOP, BOTTOM, LEFT, RIGHT — controls where the connector attaches to each node.`, {
         startNodeId: z.string().describe("Node ID of the start element"),
         endNodeId: z.string().describe("Node ID of the end element"),
         label: z
@@ -146,13 +148,25 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
             .max(MAX_TEXT_LENGTH)
             .optional()
             .describe("Optional text label on the connector"),
-    }, async ({ startNodeId, endNodeId, label }) => {
+        startMagnet: z
+            .enum(["AUTO", "TOP", "BOTTOM", "LEFT", "RIGHT"])
+            .optional()
+            .default("AUTO")
+            .describe("Magnet position on the start node"),
+        endMagnet: z
+            .enum(["AUTO", "TOP", "BOTTOM", "LEFT", "RIGHT"])
+            .optional()
+            .default("AUTO")
+            .describe("Magnet position on the end node"),
+    }, async ({ startNodeId, endNodeId, label, startMagnet, endMagnet }) => {
         try {
             const connector = await getDesktopConnector();
             const result = await connector.createConnector({
                 startNodeId,
                 endNodeId,
                 label,
+                startMagnet,
+                endMagnet,
             });
             return {
                 content: [{ type: "text", text: JSON.stringify(result) }],
@@ -177,7 +191,7 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
     // ============================================================================
     // SHAPE WITH TEXT TOOL
     // ============================================================================
-    server.tool("figjam_create_shape_with_text", `Create a labeled shape on a FigJam board. Use for flowchart nodes, process diagrams, and visual organization.
+    server.tool("figjam_create_shape_with_text", `Create a labeled shape on a FigJam board with optional size, colors, and font control. Use for flowchart nodes, process diagrams, and visual organization.
 
 **Shape types:** ROUNDED_RECTANGLE (default), DIAMOND, ELLIPSE, TRIANGLE_UP, TRIANGLE_DOWN, PARALLELOGRAM_RIGHT, PARALLELOGRAM_LEFT, ENG_DATABASE, ENG_QUEUE, ENG_FILE, ENG_FOLDER`, {
         text: z
@@ -191,7 +205,13 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
             .describe("Shape type"),
         x: z.number().optional().describe("X position on canvas"),
         y: z.number().optional().describe("Y position on canvas"),
-    }, async ({ text, shapeType, x, y }) => {
+        width: z.number().min(1).max(10000).optional().describe("Width in pixels"),
+        height: z.number().min(1).max(10000).optional().describe("Height in pixels"),
+        fillColor: z.string().regex(/^#[0-9a-fA-F]{6}$/).optional().describe("Fill color as hex (e.g., '#E1F5EE')"),
+        strokeColor: z.string().regex(/^#[0-9a-fA-F]{6}$/).optional().describe("Stroke/border color as hex"),
+        fontSize: z.number().min(1).max(200).optional().describe("Text font size in pixels"),
+        strokeDashPattern: z.string().optional().describe("Dash pattern as comma-separated numbers (e.g., '10,5' for dashed)"),
+    }, async ({ text, shapeType, x, y, width, height, fillColor, strokeColor, fontSize, strokeDashPattern }) => {
         try {
             const connector = await getDesktopConnector();
             const result = await connector.createShapeWithText({
@@ -199,6 +219,12 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
                 shapeType,
                 x,
                 y,
+                width,
+                height,
+                fillColor,
+                strokeColor,
+                fontSize,
+                strokeDashPattern,
             });
             return {
                 content: [{ type: "text", text: JSON.stringify(result) }],
@@ -221,6 +247,42 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
         }
     });
     // ============================================================================
+    // SECTION TOOL
+    // ============================================================================
+    server.tool("figjam_create_section", `Create a section on a FigJam board. Sections are containers that can hold other elements. Use for grouping related content.\n\n**Note:** After creating a section, place elements inside it by setting their x/y coordinates within the section's bounds, then use figma_execute to call section.appendChild(node) to parent them.`, {
+        name: z.string().max(500).optional().describe("Section name/title"),
+        x: z.number().optional().describe("X position on canvas"),
+        y: z.number().optional().describe("Y position on canvas"),
+        width: z.number().min(1).max(20000).optional().default(1000).describe("Section width in pixels"),
+        height: z.number().min(1).max(20000).optional().default(800).describe("Section height in pixels"),
+        fillColor: z.string().regex(/^#[0-9a-fA-F]{6}$/).optional().describe("Fill color as hex"),
+    }, async ({ name, x, y, width, height, fillColor }) => {
+        try {
+            const connector = await getDesktopConnector();
+            const result = await connector.createSection({
+                name, x, y, width, height, fillColor,
+            });
+            return {
+                content: [{ type: "text", text: JSON.stringify(result) }],
+            };
+        }
+        catch (error) {
+            logger.error({ error }, "figjam_create_section failed");
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: JSON.stringify({
+                            error: error instanceof Error ? error.message : String(error),
+                            hint: "This tool only works in FigJam files.",
+                        }),
+                    },
+                ],
+                isError: true,
+            };
+        }
+    });
+    // ============================================================================
     // TABLE TOOL
     // ============================================================================
     server.tool("figjam_create_table", `Create a table on a FigJam board with optional cell data. Use for structured data display, comparison matrices, and organized information.
@@ -278,9 +340,24 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
     server.tool("figjam_create_code_block", `Create a code block on a FigJam board. Use for sharing code snippets, config examples, or technical documentation in collaborative boards.`, {
         code: z.string().max(MAX_CODE_LENGTH).describe("The code content"),
         language: z
-            .string()
+            .enum([
+            "TYPESCRIPT",
+            "JAVASCRIPT",
+            "HTML",
+            "CSS",
+            "JSON",
+            "PYTHON",
+            "RUBY",
+            "COFFEESCRIPT",
+            "SWIFT",
+            "KOTLIN",
+            "DART",
+            "BASH",
+            "SQL",
+            "PLAIN_TEXT",
+        ])
             .optional()
-            .describe("Programming language (e.g., 'JAVASCRIPT', 'PYTHON', 'TYPESCRIPT', 'JSON', 'HTML', 'CSS')"),
+            .describe("Programming language for syntax highlighting. Must be one of the supported Figma CodeLanguage values."),
         x: z.number().optional().describe("X position on canvas"),
         y: z.number().optional().describe("Y position on canvas"),
     }, async ({ code, language, x, y }) => {
@@ -339,17 +416,20 @@ Nodes must exist on the board (stickies, shapes, etc.). Use their node IDs from
             const connector = await getDesktopConnector();
             // Compute grid columns safely on the server side — no string interpolation
             const gridCols = columns || Math.ceil(Math.sqrt(nodeIds.length));
-            // Pass all parameters as a JSON object to avoid code injection.
-            // The plugin code reads from the params object, not interpolated strings.
+            // SECURITY CONTRACT: All user-controlled values (nodeIds, layout, spacing,
+            // gridCols) MUST be passed through this JSON round-trip — never interpolated
+            // directly into the code template string. JSON.stringify produces a
+            // properly-escaped JS string literal that handles all control characters,
+            // including \u2028/\u2029 line terminators that break naive string escaping.
+            // Any future addition of parameters MUST follow this same pattern.
             const paramsJson = JSON.stringify({
                 nodeIds,
                 layout,
                 spacing,
                 gridCols,
             });
-            // Use JSON.stringify to produce a properly-escaped double-quoted JS string literal.
-            // This handles all control characters including \u2028/\u2029 that manual
-            // single-quote escaping would miss.
+            // Double-JSON-encode: paramsJson is a string; wrapping it in JSON.stringify
+            // again embeds it as a quoted, fully-escaped JS literal inside the code template.
             const code = `
 					const params = JSON.parse(${JSON.stringify(paramsJson)});
 					const nodes = [];

package/dist/cloudflare/core/figma-api.js

@@ -97,16 +97,7 @@ export class FigmaAPI {
         // OAuth tokens start with 'figu_' and require Authorization: Bearer header
         // Personal Access Tokens use X-Figma-Token header
         const isOAuthToken = this.accessToken.startsWith('figu_');
-        // Debug logging to verify token is being used
-        const tokenPreview = this.accessToken ? `${this.accessToken.substring(0, 10)}...` : 'NO TOKEN';
-        logger.info({
-            url,
-            tokenPreview,
-            hasToken: !!this.accessToken,
-            tokenLength: this.accessToken?.length,
-            isOAuthToken,
-            authMethod: isOAuthToken ? 'Bearer' : 'X-Figma-Token'
-        }, 'Making Figma API request with token');
+        logger.debug({ url, authMethod: isOAuthToken ? 'Bearer' : 'X-Figma-Token' }, 'Making Figma API request');
         const headers = {
             'Content-Type': 'application/json',
             ...(options.headers || {}),

package/dist/cloudflare/core/figma-desktop-connector.js

@@ -1267,6 +1267,7 @@ export class FigmaDesktopConnector {
     async createStickies() { throw new Error('FigJam operations require WebSocket transport'); }
     async createConnector() { throw new Error('FigJam operations require WebSocket transport'); }
     async createShapeWithText() { throw new Error('FigJam operations require WebSocket transport'); }
+    async createSection() { throw new Error('FigJam operations require WebSocket transport'); }
     async createTable() { throw new Error('FigJam operations require WebSocket transport'); }
     async createCodeBlock() { throw new Error('FigJam operations require WebSocket transport'); }
     async getBoardContents() { throw new Error('FigJam operations require WebSocket transport'); }

package/dist/cloudflare/core/websocket-connector.js

@@ -280,6 +280,9 @@ export class WebSocketConnector {
     async createShapeWithText(params) {
         return this.wsServer.sendCommand('CREATE_SHAPE_WITH_TEXT', params);
     }
+    async createSection(params) {
+        return this.wsServer.sendCommand('CREATE_SECTION', params);
+    }
     async createTable(params) {
         return this.wsServer.sendCommand('CREATE_TABLE', params, 30000);
     }

package/dist/cloudflare/core/websocket-server.js

@@ -71,6 +71,8 @@ export class FigmaWebSocketServer extends EventEmitter {
         this.documentChangeBufferSize = 200;
         /** Cached plugin UI HTML content — loaded once and served to bootloader requests */
         this._pluginUIContent = null;
+        /** Heartbeat interval for detecting dead connections via ping/pong */
+        this._heartbeatInterval = null;
         this.options = options;
         this._startedAt = Date.now();
     }
@@ -103,12 +105,15 @@ export class FigmaWebSocketServer extends EventEmitter {
         }
         // Health/version endpoint
         if (url === '/health' || url === '/') {
+            const now = Date.now();
+            const connectedClients = Array.from(this.clients.values()).filter(c => c.ws.readyState === WebSocket.OPEN && (now - c.lastPongAt) < 90000).length;
             res.writeHead(200, { 'Content-Type': 'application/json' });
             res.end(JSON.stringify({
                 status: 'ok',
                 version: SERVER_VERSION,
                 clients: this.clients.size,
-                uptime: Math.floor((Date.now() - this._startedAt) / 1000),
+                connectedClients,
+                uptime: Math.floor((now - this._startedAt) / 1000),
             }));
             return;
         }
@@ -185,6 +190,7 @@ export class FigmaWebSocketServer extends EventEmitter {
                 // Start listening on the HTTP server (which also handles WS upgrades)
                 this.httpServer.listen(this.options.port, this.options.host || 'localhost', () => {
                     this._isStarted = true;
+                    this.startHeartbeat();
                     logger.info({ port: this.options.port, host: this.options.host || 'localhost' }, 'WebSocket bridge server started (with HTTP plugin UI endpoint)');
                     resolve();
                 });
@@ -242,6 +248,18 @@ export class FigmaWebSocketServer extends EventEmitter {
                     ws.on('error', (error) => {
                         logger.error({ error }, 'WebSocket client error');
                     });
+                    // Track pong responses for heartbeat-based liveness detection.
+                    // Browser WebSocket clients auto-respond to pings per RFC 6455 —
+                    // no plugin-side code changes needed.
+                    ws.isAlive = true;
+                    ws.on('pong', () => {
+                        ws.isAlive = true;
+                        // Update lastPongAt on the named client if identified
+                        const found = this.findClientByWs(ws);
+                        if (found) {
+                            found.client.lastPongAt = Date.now();
+                        }
+                    });
                 });
             }
             catch (error) {
@@ -420,6 +438,7 @@ export class FigmaWebSocketServer extends EventEmitter {
             documentChanges: existing?.documentChanges || [],
             consoleLogs: existing?.consoleLogs || [],
             lastActivity: Date.now(),
+            lastPongAt: Date.now(),
             gracePeriodTimer: null,
         });
         // Most recently connected file becomes active (user just opened the plugin there).
@@ -528,11 +547,35 @@ export class FigmaWebSocketServer extends EventEmitter {
         });
     }
     /**
-     * Check if any named client is connected (transport availability check)
+     * Start the heartbeat interval that pings all connected clients every 30s.
+     * Detects silently dropped connections (e.g., macOS sleep, network change)
+     * that the OS TCP keepalive would take 30-120s to catch.
+     * Browser WebSocket clients auto-respond to pings per RFC 6455.
+     */
+    startHeartbeat() {
+        this._heartbeatInterval = setInterval(() => {
+            if (!this.wss)
+                return;
+            for (const ws of this.wss.clients) {
+                if (ws.isAlive === false) {
+                    logger.info('Terminating unresponsive WebSocket client (missed heartbeat pong)');
+                    ws.terminate();
+                    continue;
+                }
+                ws.isAlive = false;
+                ws.ping();
+            }
+        }, 30000);
+    }
+    /**
+     * Check if any named client is connected (transport availability check).
+     * Checks both socket readyState and heartbeat pong freshness to avoid
+     * reporting phantom-connected state on silently dropped connections.
      */
     isClientConnected() {
+        const now = Date.now();
         for (const [, client] of this.clients) {
-            if (client.ws.readyState === WebSocket.OPEN) {
+            if (client.ws.readyState === WebSocket.OPEN && (now - client.lastPongAt) < 90000) {
                 return true;
             }
         }
@@ -687,6 +730,16 @@ export class FigmaWebSocketServer extends EventEmitter {
         }
         return files;
     }
+    /**
+     * Get the last pong timestamp for the active client.
+     * Returns null if no active client or no pong received yet.
+     */
+    getActiveClientLastPongAt() {
+        if (!this._activeFileKey)
+            return null;
+        const client = this.clients.get(this._activeFileKey);
+        return client?.lastPongAt ?? null;
+    }
     /**
      * Set the active file by fileKey. Returns true if the file is connected.
      */
@@ -745,6 +798,11 @@ export class FigmaWebSocketServer extends EventEmitter {
      * Stop the server and clean up all connections
      */
     async stop() {
+        // Clear heartbeat interval
+        if (this._heartbeatInterval) {
+            clearInterval(this._heartbeatInterval);
+            this._heartbeatInterval = null;
+        }
         // Clear all per-client grace period timers
         for (const [, client] of this.clients) {
             if (client.gracePeriodTimer) {

package/dist/cloudflare/index.js

@@ -68,7 +68,7 @@ export class FigmaConsoleMCPv3 extends McpAgent {
         super(...arguments);
         this.server = new McpServer({
             name: "Figma Console MCP",
-            version: "1.20.0",
+            version: "1.21.1",
         });
         this.browserManager = null;
         this.consoleMonitor = null;
@@ -1046,7 +1046,7 @@ export default {
             });
             const statelessServer = new McpServer({
                 name: "Figma Console MCP",
-                version: "1.20.0",
+                version: "1.21.1",
             });
             // ================================================================
             // Cloud Write Relay — Pairing Tool (stateless /mcp path)
@@ -1510,9 +1510,7 @@ export default {
                 const expiresIn = tokenData.expires_in;
                 logger.info({
                     sessionId,
-                    hasAccessToken: !!accessToken,
-                    accessTokenPreview: accessToken ? accessToken.substring(0, 10) + "..." : null,
-                    hasRefreshToken: !!refreshToken,
+                    hasTokens: !!accessToken && !!refreshToken,
                     expiresIn
                 }, "Token exchange successful");
                 // IMPORTANT: Use KV storage for tokens since Durable Object storage is instance-specific
@@ -1683,7 +1681,7 @@ export default {
             return new Response(JSON.stringify({
                 status: "healthy",
                 service: "Figma Console MCP",
-                version: "1.20.0",
+                version: "1.21.1",
                 endpoints: {
                     mcp: ["/sse", "/mcp"],
                     oauth_mcp_spec: ["/.well-known/oauth-authorization-server", "/authorize", "/token", "/oauth/register"],
@@ -1729,13 +1727,13 @@ export default {
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Figma Console MCP - The Most Comprehensive MCP Server for Figma</title>
 	<link rel="icon" type="image/svg+xml" href="https://docs.figma-console-mcp.southleft.com/favicon.svg">
-	<meta name="description" content="Turn your Figma design system into a living API. 91+ tools give AI assistants deep access to design tokens, component specs, variables, and programmatic design creation.">
+	<meta name="description" content="Turn your Figma design system into a living API. 92+ tools give AI assistants deep access to design tokens, component specs, variables, and programmatic design creation.">
 
 	<!-- Open Graph -->
 	<meta property="og:type" content="website">
 	<meta property="og:url" content="https://figma-console-mcp.southleft.com">
 	<meta property="og:title" content="Figma Console MCP - Turn Your Design System Into a Living API">
-	<meta property="og:description" content="The most comprehensive MCP server for Figma. 91+ tools give AI assistants deep access to design tokens, components, variables, and programmatic design creation.">
+	<meta property="og:description" content="The most comprehensive MCP server for Figma. 92+ tools give AI assistants deep access to design tokens, components, variables, and programmatic design creation.">
 	<meta property="og:image" content="https://docs.figma-console-mcp.southleft.com/images/og-image.jpg">
 	<meta property="og:image:width" content="1200">
 	<meta property="og:image:height" content="630">
@@ -1743,7 +1741,7 @@ export default {
 	<!-- Twitter -->
 	<meta name="twitter:card" content="summary_large_image">
 	<meta name="twitter:title" content="Figma Console MCP - Turn Your Design System Into a Living API">
-	<meta name="twitter:description" content="The most comprehensive MCP server for Figma. 91+ tools give AI assistants deep access to design tokens, components, variables, and programmatic design creation.">
+	<meta name="twitter:description" content="The most comprehensive MCP server for Figma. 92+ tools give AI assistants deep access to design tokens, components, variables, and programmatic design creation.">
 	<meta name="twitter:image" content="https://docs.figma-console-mcp.southleft.com/images/og-image.jpg">
 
 	<meta name="theme-color" content="#0D9488">
@@ -2630,7 +2628,7 @@ export default {
 			<div class="grid-cell showcase-cell rule-left">
 				<div class="showcase-label">What AI Can Access</div>
 				<div class="showcase-stat">
-					<span class="number">91+</span>
+					<span class="number">92+</span>
 					<span class="label">MCP tools for Figma</span>
 				</div>
 				<div class="capability-list">

package/dist/core/figjam-tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"figjam-tools.d.ts","sourceRoot":"","sources":["../../src/core/figjam-tools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AA4DzE;;;;GAIG;AACH,wBAAgB,mBAAmB,CAClC,MAAM,EAAE,SAAS,EACjB,mBAAmB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GACrC,IAAI,CA2eN"}
+{"version":3,"file":"figjam-tools.d.ts","sourceRoot":"","sources":["../../src/core/figjam-tools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AA4DzE;;;;GAIG;AACH,wBAAgB,mBAAmB,CAClC,MAAM,EAAE,SAAS,EACjB,mBAAmB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GACrC,IAAI,CAikBN"}