@sangheepark/figma-ds-mcp 0.2.9 → 0.2.11

package/dist/tools/pipeline-tools.js

@@ -168,12 +168,51 @@ function enrichSpec(traversal, mapping) {
                         node['overrides'] = overrides;
                     }
                 }
-                // _overrides → overrides에 병합
+                // _overrides → overrides에 병합 (property name resolution 포함)
                 if (node._overrides) {
                     const existing = node['overrides'];
-                    node['overrides'] = { ...existing, ...node._overrides };
+                    const resolved = { ...existing };
+                    for (const [key, value] of Object.entries(node._overrides)) {
+                        if (component.properties && key in component.properties) {
+                            // exact property name match
+                            resolved[key] = value;
+                        }
+                        else if (component.properties) {
+                            // case-insensitive match
+                            const ciMatch = Object.keys(component.properties).find(p => p.toLowerCase() === key.toLowerCase());
+                            if (ciMatch) {
+                                resolved[ciMatch] = value;
+                            }
+                            else if (typeof value === 'string') {
+                                // TEXT property auto-map (단일 TEXT prop이면 자동 매핑)
+                                const textProps = Object.entries(component.properties)
+                                    .filter(([, type]) => type === 'TEXT')
+                                    .map(([name]) => name);
+                                if (textProps.length === 1) {
+                                    resolved[textProps[0]] = value;
+                                }
+                                else {
+                                    resolved[key] = value; // 매핑 실패 → 원본 유지
+                                }
+                            }
+                            else {
+                                resolved[key] = value;
+                            }
+                        }
+                        else {
+                            resolved[key] = value;
+                        }
+                    }
+                    node['overrides'] = resolved;
                     delete node._overrides;
                 }
+                // variant-props → variant string 변환 (빌드 시스템 형식)
+                const vp = node['variant-props'];
+                if (vp && Object.keys(vp).length > 0) {
+                    const variantStr = Object.entries(vp).map(([k, v]) => `${k}=${v}`).join(', ');
+                    node['variant'] = variantStr;
+                    delete node['variant-props'];
+                }
                 delete node._ds;
                 delete node._ds_props;
             }
@@ -306,6 +345,42 @@ function enrichSpec(traversal, mapping) {
                 node.layout.y = '0';
             }
         }
+        // 6-E: CSS cross-axis stretch default → Figma fill
+        // CSS flex: children stretch on cross-axis by default (align-items: stretch).
+        // Figma auto-layout: children default to hug. 이 차이를 보정.
+        // 조건: parent가 fixed/fill 크기 + stretch alignment → 자식 frame/component에 fill 부여
+        if ((node.type === 'frame' || node.type === 'component') && node.children && node.layout) {
+            const dir = node.layout.direction;
+            const alignItems = node.layout['align-items'];
+            // CSS: align-items 미설정 또는 stretch일 때만 자식이 stretch
+            const isStretch = !alignItems || alignItems === 'stretch';
+            if (isStretch && dir === 'column') {
+                const pw = node.layout.width;
+                if (pw && (pw === 'fill' || /^\d/.test(pw))) {
+                    for (const child of node.children) {
+                        if ((child.type === 'frame' || child.type === 'component')
+                            && child.layout?.positioning !== 'absolute'
+                            && !child.layout?.width) {
+                            child.layout = child.layout || {};
+                            child.layout.width = 'fill';
+                        }
+                    }
+                }
+            }
+            if (isStretch && dir === 'row') {
+                const ph = node.layout.height;
+                if (ph && (ph === 'fill' || /^\d/.test(ph))) {
+                    for (const child of node.children) {
+                        if ((child.type === 'frame' || child.type === 'component')
+                            && child.layout?.positioning !== 'absolute'
+                            && !child.layout?.height) {
+                            child.layout = child.layout || {};
+                            child.layout.height = 'fill';
+                        }
+                    }
+                }
+            }
+        }
         // children 재귀
         if (node.children) {
             node.children.forEach((child, i) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sangheepark/figma-ds-mcp",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "MCP server for Code to Figma Bridge — bridges Claude Code to Figma plugin via WebSocket",
   "type": "module",
   "main": "dist/index.js",