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)，了解有关其所有功能的更多信息。