从 Figma 导入
把已有的 Figma 画板导入 UXMagic，继续用 AI 编辑它。
最后更新
导入和导出方向相反：一个已有的 Figma 画板会变成一个可编辑的 UXMagic 页面，之后你可以继续用 AI 迭代。
步骤
- 在集成里连接 Figma（OAuth 连接 — 你只需授权 UXMagic 一次）。
- 贴上 Figma 画板的链接，或者在选择器里挑出文件和画板。
- 决定是把画板自身的样式导入为项目主题，还是把它映射到你已有的主题上。
- 导入。
哪些内容会过来
- 布局与层级，包括自动布局结构。
- 文字，连同它的文字样式。
- 颜色与效果，包括渐变和阴影。
- 图片，复制到你项目的素材库。
- 矢量图形和图标，重建为标记。
该有的预期
Figma 是矢量画布，网页是盒模型，所以导入是一次忠实的翻译，而不是逐字节一致的复制。结构和间距会非常接近，文字渲染和那些在网页上没有直接对应的效果会有细微差别。
当 Figma 画板使用了自动布局时，导入最准确。绝对定位的自由排版也能导入，但结构还原度会低一些。
把链接取对
在 Figma 里选中画板，然后右键 → Copy link to selection。没有选中节点的文件链接会导入错误的东西，或者什么都导不进来。
导入之后
导入的页面和其他页面一样：可以对话编辑、进编辑模式、调主题、看版本、导出。对于“我们已经有设计稿，但现在想跑得更快”这种情况，这是最快的路径。
设计系统与组件库
你也可以导入组件库或设计系统，让生成的页面使用你自己的组件。见组件库。
这篇文章有帮助吗？