Figma & Zeplin #

注意

Figma 和 Zeplin 之间的集成仅适用于 Zeplin 的客户端。 目前无法从 Figma 导出到 Zeplin 的浏览器版。

不同的团队有不同的协作方式,作为协作设计工具,我们一直在增加新功能和改善现有功能,这有助于改善各种工作流程。

设计师和工程师之间的交接非常重要。除了我们自己 与工程师协作 的方法外,Figma 还支持导出到 Zeplin。

开始使用 Zeplin #

如果你还没有 Zeplin 帐户,可以在 此处注册 (opens new window),然后 下载桌面客户端 (opens new window)

在 Zeplin 中创建项目 #

当你启动 Zeplin 时,系统会提示你创建第一个项目。你可以选择 Android,iOS 或 Web。

创建项目后,你可以在右侧菜单中为其命名。

启用 Zeplin 集成 #

在 Zeplin 中创建和命名项目后,你可以在 Figma 中启用 Zeplin 集成:

  1. 登录你的 Figma 帐户
  2. 单击工具栏左上角的菜单
  3. 搜索 “Zeplin”,或从下拉菜单中选择 Integration,然后选择 Zeplin
  4. 然后单击 Got it

如何从 Figma 中导出到 Zeplin? #

你在 Figma 中选择的任何框架都可以导出到 Zeplin。 你导出的每个框架都将作为 “Screen” 导入你选择的 “Project” 中。

  1. 在画布上选择一个(或多个)框架
  2. 使用 Shift + Command + E
  3. 点击 Export to Zeplin

Zeplin 将自动打开,从菜单中选择适当的项目,然后单击 Import

如果 Zeplin 选项卡未出现在导出面板中,则画布上的选定对象可能不在框架中。

  1. 使用 F 激活框架工具
  2. 拽出一个框架将在要导出的对象包含在其中
  3. 现在再次尝试打开导出面板

就这么简单!

当然,如果你是在国内使用也可以使用蓝湖 (opens new window),使用蓝湖插件来高效交付设计图。

查看 Zeplin's Help Center (opens new window),了解有关其所有功能的更多信息。