从 Figma 导入

导入和导出方向相反：一个已有的 Figma 画板会变成一个可编辑的 UXMagic 页面，之后你可以继续用 AI 迭代。

步骤#

1. 在集成里连接 Figma（OAuth 连接 — 你只需授权 UXMagic 一次）。
2. 贴上 Figma 画板的链接，或者在选择器里挑出文件和画板。
3. 决定是把画板自身的样式导入为项目主题，还是把它映射到你已有的主题上。
4. 导入。

哪些内容会过来#

• 布局与层级，包括自动布局结构。
• 文字，连同它的文字样式。
• 颜色与效果，包括渐变和阴影。
• 图片，复制到你项目的素材库。
• 矢量图形和图标，重建为标记。

该有的预期#

Figma 是矢量画布，网页是盒模型，所以导入是一次忠实的翻译，而不是逐字节一致的复制。结构和间距会非常接近，文字渲染和那些在网页上没有直接对应的效果会有细微差别。

当 Figma 画板使用了自动布局时，导入最准确。绝对定位的自由排版也能导入，但结构还原度会低一些。

把链接取对#

在 Figma 里选中画板，然后右键 → Copy link to selection。没有选中节点的文件链接会导入错误的东西，或者什么都导不进来。

导入之后#

导入的页面和其他页面一样：可以对话编辑、进编辑模式、调主题、看版本、导出。对于“我们已经有设计稿，但现在想跑得更快”这种情况，这是最快的路径。

设计系统与组件库#

你也可以导入组件库或设计系统，让生成的页面使用你自己的组件。见组件库。