logo
帮助文档/导入与导出/导入 Figma 文件

导入 Figma 文件

Motiff 妙多对于导入 Figma 文件有着极高的还原度,能够完美还原矢量网络、自动布局、组件的引用关系等,让你无缝衔接之前的工作。

Figma 文件导入

迁移前准备

组件&样式

使用 Motiff 妙多「文件导入」功能导入的文件,如果文件存在引用其他文件组件的实例,Motiff 妙多不会保留跨文件组件的引用关系,为了方便编辑实例,Motiff 妙多将在本文件中生成实例的组件母版。

如果想保留组件 & 样式在 Figma 文件间的引用关系,Motiff 妙多为此提供了完善的组件迁移能力,请使用「组件迁移」功能导入文件。

字体

如果你在 Figma 中使用的是系统本地字体,为了保证导入后字体正常展示,你需要下载并安装 Motiff 妙多本地字体助手。点击了解「本地字体」相关内容

下载 Figma 文件

  1. 1.打开你想要下载的 Figma 文件,点击 Figma 左上角主菜单。
  2. 2.选择「File」。
  3. 3.点击「Save local copy」即可下载文件。 '下载 Figma 文件.png'

导入流程

  1. 1.在工作台中点击「导入文件」按钮。 '导入流程1.png'
  2. 2.在文件导入弹窗内,选择你要导入的文件。你可以通过下列方式添加要导入的文件:
    • 点击虚线框唤起本地文件选择窗口,选择要导入的文件。
    • 直接拖动文件到虚线框内。 '导入流程2.png'
  3. 3.选择完毕后,点击「导入」开始导入文件。 '导入流程3.png'
  4. 4.导入完成后返回工作台即可查看导入成功的文件。 '导入流程4.png'

Figma 组件迁移

Motiff 妙多提供了完善的 Figma 组件迁移能力,通过「组件迁移」功能导入的文件,Motiff 妙多将还原文件中组件和样式在 Figma 文件间的引用关系。

组件迁移注意事项

  1. 1.Motiff 妙多的组件迁移功能需要在不同的入口分别导入组件库和设计稿文件,Motiff 妙多将组件库中的组件母版和样式母版与设计稿中的组件实例和样式引用保留关联。

如何区分组件库与设计稿?

组件库文件:在原有团队或组织中被发布成组件库的文件。

设计稿文件:引用组件库内组件和样式的文件。

  1. 2.基础版和专业版用户需要将组件库和设计稿导入至同一「团队」下,企业版用户只需将其导入至同一「企业」下即可关联。

必须使用组件迁移功能将文件导入至同一团队,如果导入到不同团队后移动至同一团队,关联关系无法建立。

  1. 3.导入组件库和设计稿的先后顺序不影响关联。

组件迁移流程

  1. 1.在工作台右上角,点击「组件迁移」按钮。 '组件迁移流程1.png'
  2. 2.打开「组件迁移」弹窗,选择要导入到的团队,根据文件类型选择「导入组件库」或「导入设计稿」。 '组件迁移流程2.png'
  3. 3.进入组件库&设计稿导入弹窗后,选择要导入到的项目。 '组件迁移流程3.png'
  4. 4.通过选择或拖动文件到弹窗内的方式,添加要导入的文件。
  5. 5.添加完毕后,点击「导入」开始导入文件。 '组件迁移流程5.png'
  6. 6.导入完成后,你可以在「组件迁移」弹窗内查看已导入的文件。 '组件迁移流程6.png'

特殊情况处理

组件库重复导入

Motiff 妙多的同一团队或组织内, 无法重复导入同一组件库。当重复导入时,需要判断是否替换原有组件库。 '组件库重复导入.png'

关联数据丢失

  1. 1.设计稿关联数据丢失

部分 Figma 设计稿文件会存在关联数据丢失的问题,Motiff 妙多需要你在 Figma 授权「文件访问权限」来获取丢失的关联数据。 '设计稿关联数据丢失.png'

  1. 2.组件库关联数据丢失

部分 Figma 组件库文件会存在关联数据丢失的问题,Motiff 妙多将访问你填写 Figma 「文件链接」来获取丢失的关联数据。 '组件库关联数据丢失.png'