@mp3wizard/figma-console-mcp 1.20.1 → 1.21.2

package/figma-desktop-bridge/code.js

@@ -3864,11 +3864,11 @@ figma.ui.onmessage = async (msg) => {
 
       connector.connectorStart = {
         endpointNodeId: msg.startNodeId,
-        magnet: 'AUTO'
+        magnet: msg.startMagnet || 'AUTO'
       };
       connector.connectorEnd = {
         endpointNodeId: msg.endNodeId,
-        magnet: 'AUTO'
+        magnet: msg.endMagnet || 'AUTO'
       };
 
       // Set label text if provided
@@ -3901,6 +3901,55 @@ figma.ui.onmessage = async (msg) => {
     }
   }
 
+  // CREATE_SECTION - Create a section on FigJam board
+  else if (msg.type === 'CREATE_SECTION') {
+    try {
+      if (__editorType !== 'figjam') {
+        throw new Error('CREATE_SECTION is only available in FigJam files');
+      }
+      console.log('🌉 [Desktop Bridge] Creating section');
+
+      var section = figma.createSection();
+      if (msg.name) section.name = msg.name;
+      if (typeof msg.x === 'number') section.x = msg.x;
+      if (typeof msg.y === 'number') section.y = msg.y;
+      if (typeof msg.width === 'number' && typeof msg.height === 'number') {
+        section.resizeWithoutConstraints(msg.width, msg.height);
+      }
+      if (msg.fillColor) {
+        var scHex = msg.fillColor.replace('#', '');
+        var scR = parseInt(scHex.substring(0, 2), 16) / 255;
+        var scG = parseInt(scHex.substring(2, 4), 16) / 255;
+        var scB = parseInt(scHex.substring(4, 6), 16) / 255;
+        section.fills = [{ type: 'SOLID', color: { r: scR, g: scG, b: scB } }];
+      }
+
+      figma.ui.postMessage({
+        type: 'CREATE_SECTION_RESULT',
+        requestId: msg.requestId,
+        success: true,
+        data: {
+          id: section.id,
+          type: section.type,
+          name: section.name,
+          x: section.x,
+          y: section.y,
+          width: section.width,
+          height: section.height
+        }
+      });
+
+    } catch (error) {
+      console.error('🌉 [Desktop Bridge] Create section error:', error);
+      figma.ui.postMessage({
+        type: 'CREATE_SECTION_RESULT',
+        requestId: msg.requestId,
+        success: false,
+        error: error.message || String(error)
+      });
+    }
+  }
+
   // CREATE_SHAPE_WITH_TEXT - Create a labeled shape
   else if (msg.type === 'CREATE_SHAPE_WITH_TEXT') {
     try {
@@ -3916,7 +3965,45 @@ figma.ui.onmessage = async (msg) => {
         shape.shapeType = msg.shapeType;
       }
 
-      // Set text
+      // Set position
+      if (typeof msg.x === 'number') shape.x = msg.x;
+      if (typeof msg.y === 'number') shape.y = msg.y;
+
+      // Resize (before text so text reflows to fit)
+      if (typeof msg.width === 'number' && typeof msg.height === 'number') {
+        shape.resize(msg.width, msg.height);
+      } else if (typeof msg.width === 'number') {
+        shape.resize(msg.width, shape.height);
+      } else if (typeof msg.height === 'number') {
+        shape.resize(shape.width, msg.height);
+      }
+
+      // Fill color
+      if (msg.fillColor) {
+        var fHex = msg.fillColor.replace('#', '');
+        var fR = parseInt(fHex.substring(0, 2), 16) / 255;
+        var fG = parseInt(fHex.substring(2, 4), 16) / 255;
+        var fB = parseInt(fHex.substring(4, 6), 16) / 255;
+        shape.fills = [{ type: 'SOLID', color: { r: fR, g: fG, b: fB } }];
+      }
+
+      // Stroke color
+      if (msg.strokeColor) {
+        var sHex = msg.strokeColor.replace('#', '');
+        var sR = parseInt(sHex.substring(0, 2), 16) / 255;
+        var sG = parseInt(sHex.substring(2, 4), 16) / 255;
+        var sB = parseInt(sHex.substring(4, 6), 16) / 255;
+        shape.strokes = [{ type: 'SOLID', color: { r: sR, g: sG, b: sB } }];
+        shape.strokeWeight = 1;
+      }
+
+      // Dash pattern
+      if (msg.strokeDashPattern) {
+        var parts = msg.strokeDashPattern.split(',').map(function(p) { return parseFloat(p.trim()); });
+        shape.dashPattern = parts;
+      }
+
+      // Set text (after resize so text reflows to fit new size)
       if (msg.text) {
         try {
           await figma.loadFontAsync(shape.text.fontName);
@@ -3925,16 +4012,16 @@ figma.ui.onmessage = async (msg) => {
           shape.text.fontName = { family: 'Inter', style: 'Medium' };
         }
         shape.text.characters = msg.text;
+        if (typeof msg.fontSize === 'number') {
+          shape.text.fontSize = msg.fontSize;
+        }
       }
 
-      if (typeof msg.x === 'number') shape.x = msg.x;
-      if (typeof msg.y === 'number') shape.y = msg.y;
-
       figma.ui.postMessage({
         type: 'CREATE_SHAPE_WITH_TEXT_RESULT',
         requestId: msg.requestId,
         success: true,
-        data: { id: shape.id, type: shape.type, name: shape.name, x: shape.x, y: shape.y }
+        data: { id: shape.id, type: shape.type, name: shape.name, x: shape.x, y: shape.y, width: shape.width, height: shape.height }
       });
 
     } catch (error) {

package/figma-desktop-bridge/ui-full.html

@@ -828,6 +828,9 @@
        * Tries the same port first (server may have just restarted),
        * then does a full rescan to pick up any new servers.
        */
+      // Long-interval reconnect timers — keyed by port to avoid duplicates
+      var longIntervalTimers = {};
+
       function wsReconnectPort(port) {
         try {
           var testWs = new WebSocket('ws://localhost:' + port);
@@ -839,6 +842,13 @@
             clearTimeout(timeout);
             activeConnections.push({ port: port, ws: testWs });
             updateCompatState();
+            // Reset reconnect counter on ANY successful connect (fixes global counter bug)
+            wsReconnectAttempts = 0;
+            // Cancel long-interval retry for this port
+            if (longIntervalTimers[port]) {
+              clearInterval(longIntervalTimers[port]);
+              delete longIntervalTimers[port];
+            }
             console.log('[MCP Bridge] Reconnected to port ' + port + ' (' + activeConnections.length + ' server(s) total)');
             attachWsHandlers(testWs, port);
             initializeConnection(testWs, port);
@@ -915,6 +925,20 @@
           if (wsReconnectAttempts <= 5) {
             var delay = Math.min(1000 * wsReconnectAttempts, 5000);
             setTimeout(function() { wsReconnectPort(port); }, delay);
+          } else if (!longIntervalTimers[port]) {
+            // After rapid retries exhausted, start a low-frequency background retry.
+            // One attempt every 30s — if the MCP server restarts, we'll find it
+            // without requiring the user to manually reopen the plugin.
+            console.log('[MCP Bridge] Rapid retries exhausted for port ' + port + '. Starting 30s background retry.');
+            longIntervalTimers[port] = setInterval(function() {
+              if (isPortConnected(port)) {
+                // Already reconnected (e.g., via another path) — stop retrying
+                clearInterval(longIntervalTimers[port]);
+                delete longIntervalTimers[port];
+                return;
+              }
+              wsReconnectPort(port);
+            }, 30000);
           }
         };
 

package/figma-desktop-bridge/ui.html

@@ -675,6 +675,9 @@
         'CREATE_SHAPE_WITH_TEXT': function(params) {
           return window.sendPluginCommand('CREATE_SHAPE_WITH_TEXT', params);
         },
+        'CREATE_SECTION': function(params) {
+          return window.sendPluginCommand('CREATE_SECTION', params);
+        },
         'CREATE_TABLE': function(params) {
           return window.sendPluginCommand('CREATE_TABLE', params, 30000);
         },
@@ -1114,8 +1117,8 @@
       var statusEl = document.getElementById('cloud-status');
       var code = (codeInput.value || '').trim().toUpperCase();
 
-      if (!code || code.length < 4) {
-        statusEl.textContent = 'Enter pairing code';
+      if (!code || code.length < 6) {
+        statusEl.textContent = 'Pairing code must be 6 characters';
         statusEl.className = 'cloud-status error';
         return;
       }
@@ -1351,6 +1354,9 @@
         case 'CREATE_SHAPE_WITH_TEXT_RESULT':
           handleResult('CREATE_SHAPE_WITH_TEXT', 'data');
           break;
+        case 'CREATE_SECTION_RESULT':
+          handleResult('CREATE_SECTION', 'data');
+          break;
         case 'CREATE_TABLE_RESULT':
           handleResult('CREATE_TABLE', 'data');
           break;

package/package.json

@@ -1,97 +1,198 @@
 {
+
 	"name": "@mp3wizard/figma-console-mcp",
-	"version": "1.20.1",
+
+	"version": "1.21.2",
+
 	"description": "MCP server for accessing Figma plugin console logs and screenshots via Cloudflare Workers or local mode",
+
 	"type": "module",
+
 	"main": "dist/local.js",
+
 	"types": "dist/local.d.ts",
+
 	"bin": {
+
 		"figma-console-mcp": "./dist/local.js"
+
 	},
+
 	"files": [
+
 		"dist",
+
 		"figma-desktop-bridge",
+
 		"README.md",
+
 		"LICENSE"
+
 	],
+
 	"scripts": {
+
 		"prepublishOnly": "npm run build",
+
 		"deploy": "wrangler deploy",
+
 		"dev": "wrangler dev",
+
 		"dev:local": "tsx src/local.ts",
+
 		"build": "npm run build:local && npm run build:cloudflare && npm run build:apps",
+
 		"build:apps": "cross-env APP_NAME=token-browser vite build && cross-env APP_NAME=design-system-dashboard vite build",
+
 		"dev:apps": "vite build --watch",
+
 		"build:local": "tsc -p tsconfig.local.json",
+
 		"build:cloudflare": "tsc -p tsconfig.cloudflare.json",
+
 		"start": "wrangler dev",
+
 		"test": "jest",
+
 		"test:watch": "jest --watch",
+
 		"test:coverage": "jest --coverage",
+
 		"format": "biome format --write",
+
 		"lint:fix": "biome lint --fix",
+
 		"cf-typegen": "wrangler types",
+
 		"type-check": "tsc --noEmit"
+
 	},
+
 	"keywords": [
+
 		"mcp",
+
 		"figma",
+
 		"plugin",
+
 		"console",
+
 		"debugging",
+
 		"ai",
+
 		"anthropic",
+
 		"claude",
+
 		"cloudflare",
+
 		"workers"
+
 	],
+
 	"author": "Your Name",
+
 	"license": "MIT",
+
 	"repository": {
+
 		"type": "git",
+
 		"url": "https://github.com/mp3wizard/figma-console-mcp.git"
+
 	},
+
 	"engines": {
+
 		"node": ">=18.0.0"
+
 	},
+
 	"overrides": {
+
 		"path-to-regexp": ">=8.4.1",
+
 		"vite": {
+
 			"picomatch": ">=4.0.4"
+
 		},
+
 		"miniflare": {
+
 			"undici": ">=7.24.0"
+
 		},
+
 		"handlebars": ">=4.7.9",
-		"brace-expansion": ">=1.1.13"
+
+		"brace-expansion": ">=1.1.13",
+
+		"lodash": ">=4.18.0",
+
+		"picomatch": ">=4.0.4"
+
 	},
+
 	"dependencies": {
+
 		"@cloudflare/puppeteer": "^1.0.4",
+
 		"@modelcontextprotocol/ext-apps": "^1.0.1",
+
 		"@modelcontextprotocol/sdk": "^1.26.0",
+
 		"agents": "^0.7.1",
+
 		"chrome-remote-interface": "^0.33.2",
+
 		"pino": "^9.5.0",
+
 		"pino-pretty": "^13.0.0",
+
 		"puppeteer-core": "^23.11.1",
+
 		"uuid": "^11.0.3",
+
 		"ws": "^8.19.0",
+
 		"zod": "^3.25.76"
+
 	},
+
 	"devDependencies": {
+
 		"@biomejs/biome": "^2.2.5",
+
 		"@types/jest": "^29.5.14",
+
 		"@types/node": "^22.10.2",
+
 		"@types/uuid": "^10.0.0",
+
 		"@types/ws": "^8.18.1",
+
 		"cross-env": "^7.0.3",
+
 		"jest": "^29.7.0",
+
 		"ts-jest": "^29.2.5",
+
 		"tsx": "^4.19.2",
+
 		"typescript": "5.9.3",
+
 		"vite": "^6.0.0",
+
 		"vite-plugin-singlefile": "^2.0.0",
+
 		"wrangler": "^4.42.0",
+
 		"zod-to-json-schema": "^3.25.1"
+
 	}
+
 }
+