conductor-figma 3.3.2 → 3.3.3

package/figma-plugin/code.js

@@ -123,8 +123,9 @@ async function executeCommand(cmd, data) {
       frame.name = data.name || 'Frame'
       if (data.width) frame.resize(data.width, data.height || data.width)
       frame.layoutMode = data.direction || 'VERTICAL'
-      frame.primaryAxisSizingMode = data.primaryAxisSizingMode === 'FILL' ? 'FIXED' : (data.primaryAxisSizingMode || 'HUG')
-      frame.counterAxisSizingMode = data.counterAxisSizingMode || 'HUG'
+      frame.primaryAxisSizingMode = data.primaryAxisSizingMode === 'FILL' ? 'FIXED' : (data.primaryAxisSizingMode === 'FIXED' ? 'FIXED' : 'AUTO')
+      frame.counterAxisSizingMode = data.counterAxisSizingMode === 'FILL' ? 'FIXED' : (data.counterAxisSizingMode === 'FIXED' ? 'FIXED' : 'AUTO')
+      if (data.primaryAxisSizingMode === 'FILL') frame.layoutGrow = 1
       if (data.paddingTop !== undefined) frame.paddingTop = data.paddingTop
       if (data.paddingRight !== undefined) frame.paddingRight = data.paddingRight
       if (data.paddingBottom !== undefined) frame.paddingBottom = data.paddingBottom
@@ -303,8 +304,8 @@ async function executeCommand(cmd, data) {
       if (data.gap !== undefined) node.itemSpacing = data.gap
       if (data.primaryAxisAlignItems) node.primaryAxisAlignItems = data.primaryAxisAlignItems
       if (data.counterAxisAlignItems) node.counterAxisAlignItems = data.counterAxisAlignItems
-      if (data.primaryAxisSizingMode) node.primaryAxisSizingMode = data.primaryAxisSizingMode === 'FILL' ? 'FIXED' : data.primaryAxisSizingMode
-      if (data.counterAxisSizingMode) node.counterAxisSizingMode = data.counterAxisSizingMode === 'FILL' ? 'FIXED' : data.counterAxisSizingMode
+      if (data.primaryAxisSizingMode) node.primaryAxisSizingMode = data.primaryAxisSizingMode === 'FILL' ? 'FIXED' : (data.primaryAxisSizingMode === 'FIXED' ? 'FIXED' : 'AUTO')
+      if (data.counterAxisSizingMode) node.counterAxisSizingMode = data.counterAxisSizingMode === 'FILL' ? 'FIXED' : (data.counterAxisSizingMode === 'FIXED' ? 'FIXED' : 'AUTO')
       return { id: node.id, layout: 'set' }
     }
 

package/figma-plugin/manifest.json

@@ -8,7 +8,7 @@
   "enableProposedApi": false,
   "editorType": ["figma"],
   "networkAccess": {
-    "allowedDomains": ["none"],
-    "reasoning": "Conductor connects to a local WebSocket server only"
+    "allowedDomains": ["*"],
+    "reasoning": "Connects to local MCP WebSocket server on 127.0.0.1:3055"
   }
 }

package/figma-plugin/ui.html

@@ -39,7 +39,7 @@ function setStatus(connected) {
 
 function connect() {
   try {
-    ws = new WebSocket(`ws://localhost:${port}`);
+    ws = new WebSocket(`ws://127.0.0.1:${port}`);
     ws.onopen = () => {
       setStatus(true);
       log('Connected to MCP server');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "conductor-figma",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "Design-intelligent MCP server for Figma. 201 design-intelligent tools for Figma. Every tool knows typography, spacing, color, accessibility. Not a shape proxy — a design engine.",
   "author": "0xDragoon",
   "license": "MIT",

package/src/bridge.js

@@ -1,47 +1,100 @@
 // ═══════════════════════════════════════════
-// CONDUCTOR v3 — WebSocket Bridge
+// CONDUCTOR v3.3 — WebSocket Bridge
 // ═══════════════════════════════════════════
 
-import { WebSocketServer } from 'ws'
+import { WebSocketServer, WebSocket } from 'ws'
 
 function log() { process.stderr.write('[bridge] ' + Array.prototype.join.call(arguments, ' ') + '\n') }
 
 export function createBridge(port) {
   port = port || parseInt(process.env.CONDUCTOR_PORT) || 3055
   var wss = null
-  var client = null
+  var figmaClient = null
+  var proxyConn = null
   var pending = new Map()
-  var msgId = 0
+  var msgId = 1000
   var isOwner = false
+  var isProxy = false
 
   function start() {
     return new Promise(function(resolve) {
       try {
-        wss = new WebSocketServer({ port: port })
-        wss.on('listening', function() { isOwner = true; log('WebSocket server on port ' + port); resolve() })
+        wss = new WebSocketServer({ port: port, host: '0.0.0.0' })
+        wss.on('listening', function() {
+          isOwner = true
+          log('WebSocket server on port ' + port)
+          resolve()
+        })
         wss.on('connection', function(ws) {
-          client = ws
-          log('Figma plugin connected')
-          ws.on('message', function(data) {
+          var role = null  // 'figma' or 'proxy'
+
+          ws.on('message', function(rawData) {
             try {
-              var msg = JSON.parse(data.toString())
+              var msg = JSON.parse(rawData.toString())
+
+              // Proxy identification
+              if (msg._identify === 'proxy') {
+                role = 'proxy'
+                log('Proxy client identified')
+                return
+              }
+
+              // Proxy forwarding a command to Figma
+              if (msg._proxy && msg.command) {
+                if (role !== 'proxy') { role = 'proxy'; log('Proxy client identified (via command)') }
+                if (figmaClient && figmaClient.readyState === 1) {
+                  pending.set(msg.id, { ws: ws, type: 'proxy' })
+                  figmaClient.send(JSON.stringify({ id: msg.id, command: msg.command, data: msg.data }))
+                } else {
+                  ws.send(JSON.stringify({ id: msg.id, error: 'Figma plugin not connected' }))
+                }
+                return
+              }
+
+              // Response from Figma
               if (msg.id && pending.has(msg.id)) {
                 var p = pending.get(msg.id)
-                clearTimeout(p.timer)
                 pending.delete(msg.id)
-                if (msg.error) p.reject(new Error(msg.error))
-                else p.resolve(msg.result)
+                if (p.type === 'proxy') {
+                  // Route back to proxy
+                  if (p.ws && p.ws.readyState === 1) p.ws.send(rawData.toString())
+                } else if (p.type === 'local') {
+                  clearTimeout(p.timer)
+                  if (msg.error) p.reject(new Error(msg.error))
+                  else p.resolve(msg.result)
+                }
+                return
+              }
+
+              // If we get here with a result/error, it's Figma responding
+              if (!role) {
+                role = 'figma'
+                figmaClient = ws
+                log('Figma plugin connected')
               }
             } catch (e) { log('Parse error:', e.message) }
           })
-          ws.on('close', function() { client = null; log('Figma plugin disconnected') })
+
+          ws.on('close', function() {
+            if (role === 'figma') { figmaClient = null; log('Figma plugin disconnected') }
+            if (role === 'proxy') { log('Proxy client disconnected') }
+          })
           ws.on('error', function(e) { log('WS error:', e.message) })
+
+          // Auto-identify as Figma if no message in 3s (Figma sends nothing on connect)
+          setTimeout(function() {
+            if (!role) {
+              role = 'figma'
+              figmaClient = ws
+              log('Figma plugin connected (auto)')
+            }
+          }, 3000)
         })
         wss.on('error', function(e) {
           if (e.code === 'EADDRINUSE') {
-            log('Port ' + port + ' in use — another Conductor instance is running. This instance will handle MCP only.')
+            log('Port ' + port + ' in use — connecting as proxy')
             wss = null
-            resolve()
+            connectAsProxy(resolve)
           } else {
             log('Server error:', e.message)
             resolve()
@@ -54,21 +107,61 @@ export function createBridge(port) {
     })
   }
 
-  function stop() { if (wss && isOwner) { wss.close(); wss = null } }
+  function connectAsProxy(resolve) {
+    try {
+      proxyConn = new WebSocket('ws://127.0.0.1:' + port)
+      proxyConn.on('open', function() {
+        isProxy = true
+        // Identify ourselves immediately so server doesn't think we're Figma
+        proxyConn.send(JSON.stringify({ _identify: 'proxy' }))
+        log('Proxy connected to server on port ' + port)
+        resolve()
+      })
+      proxyConn.on('message', function(data) {
+        try {
+          var msg = JSON.parse(data.toString())
+          if (msg.id && pending.has(msg.id)) {
+            var p = pending.get(msg.id)
+            clearTimeout(p.timer)
+            pending.delete(msg.id)
+            if (msg.error) p.reject(new Error(msg.error))
+            else p.resolve(msg.result)
+          }
+        } catch (e) { log('Proxy parse error:', e.message) }
+      })
+      proxyConn.on('close', function() { isProxy = false; proxyConn = null; log('Proxy disconnected') })
+      proxyConn.on('error', function(e) { log('Proxy error:', e.message); isProxy = false; proxyConn = null; resolve() })
+    } catch (e) { log('Proxy connect error:', e.message); resolve() }
+  }
+
+  function stop() {
+    if (wss && isOwner) { wss.close(); wss = null }
+    if (proxyConn) { proxyConn.close(); proxyConn = null }
+  }
 
-  function isConnected() { return client !== null && client.readyState === 1 }
+  function isConnected() {
+    if (isOwner) return figmaClient !== null && figmaClient.readyState === 1
+    if (isProxy) return proxyConn !== null && proxyConn.readyState === 1
+    return false
+  }
 
   function send(command, data, timeout) {
-    timeout = timeout || 15000
+    timeout = timeout || 60000
     return new Promise(function(resolve, reject) {
-      if (!isConnected()) return reject(new Error('Figma plugin not connected. Run the Conductor plugin in Figma, and make sure the WebSocket server is running on port ' + port))
+      if (!isConnected()) return reject(new Error('Figma plugin not connected'))
       var id = ++msgId
       var timer = setTimeout(function() {
         pending.delete(id)
-        reject(new Error('Timeout waiting for Figma response (' + timeout + 'ms)'))
+        reject(new Error('Timeout (' + timeout + 'ms)'))
       }, timeout)
-      pending.set(id, { resolve: resolve, reject: reject, timer: timer })
-      client.send(JSON.stringify({ id: id, command: command, data: data }))
+
+      if (isOwner && figmaClient) {
+        pending.set(id, { resolve: resolve, reject: reject, timer: timer, type: 'local' })
+        figmaClient.send(JSON.stringify({ id: id, command: command, data: data }))
+      } else if (isProxy && proxyConn) {
+        pending.set(id, { resolve: resolve, reject: reject, timer: timer, type: 'local' })
+        proxyConn.send(JSON.stringify({ id: id, command: command, data: data, _proxy: true }))
+      }
     })
   }
 

package/src/server.js

@@ -2,18 +2,14 @@ import { TOOL_LIST, TOOL_COUNT, getTool, CATEGORIES } from './tools/registry.js'
 import { handleTool } from './tools/handlers.js'
 import { createBridge } from './bridge.js'
 
-var VERSION = '3.0.4'
-var bridge = null
-var bridgeStarted = false
+var VERSION = '3.3.1'
+var bridge = createBridge()
+bridge.start()
+var bridgeStarted = true
 
 function log() { process.stderr.write('[conductor] ' + Array.prototype.join.call(arguments, ' ') + '\n') }
 
 function ensureBridge() {
-  if (!bridgeStarted) {
-    bridgeStarted = true
-    bridge = createBridge()
-    bridge.start()
-  }
   return bridge
 }
 

package/src/tools/handlers.js

@@ -10,6 +10,8 @@ import {
 import { composeSmartComponent, composeSection, composePage, runSequence } from '../design/composer.js'
 import { interpretDesign, applyDesignParams, getInterpretationSummary } from '../design/interpreter.js'
 
+function log() { process.stderr.write('[conductor] ' + Array.prototype.join.call(arguments, ' ') + '\n') }
+
 // ─── Icon SVG Library ───
 const ICONS = {
   'arrow-right': '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>',
@@ -78,27 +80,45 @@ export async function handleTool(name, args, bridge) {
 
     // Create page root
     var pageColors = semanticColors(brandColor, mode)
-    var rootResult = await bridge.send('create_frame', {
-      name: interpretation.industry + ' — ' + interpretation.mood,
-      direction: 'VERTICAL', width: W, gap: 0,
-      fill: pageColors.bg, primaryAxisSizingMode: 'HUG'
-    })
+    log('Creating root frame...')
+    var rootResult
+    try {
+      rootResult = await bridge.send('create_frame', {
+        name: interpretation.industry + ' — ' + interpretation.mood,
+        direction: 'VERTICAL', width: W, gap: 0,
+        fill: pageColors.bg
+      })
+    } catch (e) {
+      log('Root frame error:', e.message)
+      throw new Error('Failed to create root frame: ' + e.message)
+    }
 
+    if (!rootResult || !rootResult.id) {
+      log('Root result invalid:', JSON.stringify(rootResult))
+      throw new Error('Root frame created but no ID returned. Response: ' + JSON.stringify(rootResult))
+    }
+
+    log('Root frame created:', rootResult.id)
     var totalElements = 1
     var sectionResults = []
 
     // Build each detected section
     for (var di = 0; di < interpretation.sections.length; di++) {
       var secType = interpretation.sections[di]
+      log('Building section:', secType)
       var secCmds = composeSection(secType, interpretation.content, brandColor, mode, W)
       if (secCmds && secCmds.length > 0) {
-        // Apply mood-based design params
         secCmds = applyDesignParams(secCmds, params)
-        // Parent first element to page root
         secCmds[0].data.parentId = rootResult.id
-        var secRes = await runSequence(bridge, secCmds)
-        totalElements += secRes.length
-        sectionResults.push({ section: secType, elements: secRes.length })
+        try {
+          var secRes = await runSequence(bridge, secCmds)
+          totalElements += secRes.length
+          sectionResults.push({ section: secType, elements: secRes.length })
+          log('Section ' + secType + ': ' + secRes.length + ' elements')
+        } catch (e) {
+          log('Section ' + secType + ' error:', e.message)
+          sectionResults.push({ section: secType, error: e.message })
+        }
       }
     }
 
@@ -133,8 +153,7 @@ export async function handleTool(name, args, bridge) {
     var rootResult = await bridge.send('create_frame', {
       name: (args.type || 'Page').charAt(0).toUpperCase() + (args.type || 'page').slice(1) + ' Page',
       direction: 'VERTICAL', width: pageSpec.width, gap: 0,
-      fill: semanticColors(pageSpec.brand, pageSpec.mode || 'dark').bg,
-      primaryAxisSizingMode: 'HUG'
+      fill: semanticColors(pageSpec.brand, pageSpec.mode || 'dark').bg
     })
     // Build each section inside the page
     var totalElements = 1

package/src/tools/registry.js

@@ -1116,6 +1116,18 @@ const EFFECTS = {
   }, 'effects'),
 }
 
+// ═══ DESIGN FROM PROMPT (2) ═══
+const INTERPRET = {
+  design_from_prompt: tool('design_from_prompt', 'Takes any natural language description and generates a complete Figma design. Analyzes mood (minimal, bold, playful, luxury, corporate, techy, organic, brutalist, editorial), detects industry (fintech, health, saas, ecommerce, etc.), picks appropriate colors, spacing density, shadow depth, corner radii, and typography. Then composes a multi-section design with 30-300+ elements.', {
+    prompt: req('string', 'Natural language description. Examples: "A dark fintech dashboard with metrics and charts", "A playful education landing page with pricing", "A minimal luxury brand site for a candle company called Ember"'),
+    width: opt('number', 'Frame width', 1440),
+  }, 'interpret'),
+
+  interpret_prompt: tool('interpret_prompt', 'Analyzes a design prompt and returns the interpretation without generating anything. Shows what mood, industry, colors, and sections would be used. Good for previewing before generating.', {
+    prompt: req('string', 'Design description to analyze'),
+  }, 'interpret'),
+}
+
 // ═══ ASSEMBLE ALL TOOLS ═══
 export const ALL_TOOLS = {
   ...CREATE, ...MODIFY, ...VECTOR, ...READ,
@@ -1123,6 +1135,7 @@ export const ALL_TOOLS = {
   ...BATCH, ...DESIGN_SYSTEM, ...RESPONSIVE,
   ...TYPOGRAPHY, ...COLOR, ...PROTOTYPE,
   ...PAGE, ...LIBRARY, ...ANNOTATION, ...EFFECTS,
+  ...INTERPRET,
 }
 
 export const TOOL_LIST = Object.values(ALL_TOOLS)
@@ -1146,29 +1159,8 @@ export const CATEGORIES = {
   library: Object.keys(LIBRARY),
   annotation: Object.keys(ANNOTATION),
   effects: Object.keys(EFFECTS),
+  interpret: Object.keys(INTERPRET),
 }
 
 export function getTool(name) { return ALL_TOOLS[name] || null }
 export function getToolsByCategory(cat) { return CATEGORIES[cat] || [] }
-
-// ═══ DESIGN FROM PROMPT (1) ═══
-const INTERPRET = {
-  design_from_prompt: tool('design_from_prompt', 'Takes any natural language description and generates a complete Figma design. Analyzes mood (minimal, bold, playful, luxury, corporate, techy, organic, brutalist, editorial), detects industry (fintech, health, saas, ecommerce, etc.), picks appropriate colors, spacing density, shadow depth, corner radii, and typography. Then composes a multi-section design with 30-300+ elements.', {
-    prompt: req('string', 'Natural language description. Examples: "A dark fintech dashboard with metrics and charts", "A playful education landing page with pricing", "A minimal luxury brand site for a candle company called Ember"'),
-    width: opt('number', 'Frame width', 1440),
-  }, 'interpret'),
-
-  interpret_prompt: tool('interpret_prompt', 'Analyzes a design prompt and returns the interpretation without generating anything. Shows what mood, industry, colors, and sections would be used. Good for previewing before generating.', {
-    prompt: req('string', 'Design description to analyze'),
-  }, 'interpret'),
-}
-
-// Update ALL_TOOLS
-Object.assign(ALL_TOOLS, INTERPRET)
-
-// Refresh counts
-const _newList = Object.values(ALL_TOOLS)
-const _newCount = Object.keys(ALL_TOOLS).length
-
-// Add category
-CATEGORIES.interpret = Object.keys(INTERPRET)