Figma转Webflow组件迁移故障：实例转矢量后无法编辑元素

方法1：正确处理组件实例，避免直接分离 #

• 不要直接用Ctrl+Alt+B分离整个「空菱形」组件实例，选中实例后按Enter进入组件编辑模式，检查内部按钮、文本链接是否为独立图层（未和菱形矢量图合并）。
• 若按钮、文本和菱形图形是编组状态，按Ctrl+Shift+G取消编组，让每个元素成为单独的可编辑图层。
• 退出组件编辑模式后，用Webflow官方插件直接复制，此时插件可识别独立的文本、按钮元素，不会将整个组件转为矢量图。

方法2：转换组件为普通帧后整理图层 #

• 右键点击「空菱形」组件实例，选择「转换为普通帧」（替代直接分离操作）。
• 转换后逐一确认帧内的按钮、文本链接是独立可编辑元素，若有合并到矢量图的情况，取消编组拆分元素。
• 删除冗余的隐藏图层或无用编组，只保留需要的菱形背景、按钮、文本图层，再用插件复制到Webflow。

方法3：Webflow内补全原生可编辑元素 #

• 若前两种方法无效，将矢量图复制到Webflow后，删除静态的矢量文本/按钮，添加Webflow原生的按钮、文本元素。
• 对齐元素到菱形背景上，复刻Figma中的字体、颜色、间距等样式，确保元素完全可编辑。

内容的提问来源于stack exchange，提问作者Dzontra