conductor-figma 3.3.0 → 3.3.1

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "conductor-figma",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "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/tools/handlers.js

@@ -81,7 +81,7 @@ export async function handleTool(name, args, bridge) {
     var rootResult = await bridge.send('create_frame', {
       name: interpretation.industry + ' — ' + interpretation.mood,
       direction: 'VERTICAL', width: W, gap: 0,
-      fill: pageColors.bg, primaryAxisSizingMode: 'HUG'
+      fill: pageColors.bg
     })
 
     var totalElements = 1
@@ -133,8 +133,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)