与工程师协作 #

在 Figma 中合作是王道！在协作过程中减少沟通成本是至关重要的。

当你在 Figma 中进行设计时，你将在属性面板的顶部看到 3 个选项卡：设计，原型和代码。拥有编辑权限的任何人都会看到三个选项卡

每个 Figma 文件都有代码模式，工程师可以在其中查看设计文件

当你与工程师共享仅查看文件时，他们将可以访问代码模式，在这里他们可以检查，评论和导出，但无需获得文件的编辑权限。

请注意，他们需要登录 Figma 或创建一个新的 Figma 帐户才能访问这些功能。

图层面板在代码模式下可见，但无法编辑，对于需要工程师注意图层的命名约定的团队而言，这非常有用。

在此视图中，有一个下拉菜单可用于查看 CSS，iOS（Swift）和Android（XML）。还有一个按钮可以在表视图和代码视图之间切换：

代码视图 显示代码片段，在实现设计时可以作为有用的参考。

在代码模式下，工程师可以查看：

颜色 #

  • 单击对象以查看填充和描边颜色，同时格式化为对应的平台代码
  • 如果设计师在团队样式中命名了颜色，工程师除了 RGBA 颜色代码外还会看到命名

文字 #

  • 查看字体、样式、字号、行高等

间距 #

  • 单击以选择对象，然后将鼠标悬停在附近的对象上以使用红线查看距离
  • 在代码模式下，无需使用修饰键默认即可查看距离

资源 #

  • 工程师可以一次性导出文件中的所有资源，也可以单击对象并逐个导出
  • 除了设计人员添加的导出设置外，工程师还可以添加自己的导出设置。

但是，如果重新加载文件，则不会保留导出设置。设计人员不会看到工程师可能为自己添加的任何额外导出设置，因为这些设置未反映在实际设计文件中。

权限