📐查看标注

由 Figma 上传的设计图,可以查看设计图里面单一图层的数据信息。

为了更好的使用体验,帮助文档已迁到新网址 前往「帮助」

切换项目/文件夹

👉 打开网页左上角,切换项目和文件夹

文件排序

默认排序:在文件管理页可以手动拖拽进行排序

名称排序:按设计图的名称 A-Z 进行排序

更新排序:新增或者更新的优先展示

创建时间排序:新增的在最后展示

右键菜单

重命名:右键菜单「重命名」 删除:右键菜单「删除」(删除后不可找回)

标注信息

👉 设计图上单击选中一个图层,右侧信息栏会显示图层的信息。图层名称、大小、位置、间距、填充、效果、字体、切图、代码等工程师在还原设计图时需要的所有资源。

切换开发平台

🗒️ 通常情况下,不需要工程师进行修改;如果有特殊需要工程师可以根据自己的场景,更改开发平台选项。

开发平台的切换,切图不受影响(切图在上传设计图的时候已经确定了,如果需要修改可以重新上传设计图)

切换颜色格式

👉 信息面板里,任何显示颜色的位置都可以进行颜色类型的切换,本次设置只对当前设计图生效,刷新或重新打开会重置。

切换代码

根据开发平台的不同,自动提供的代码语言也不同,🤓工程师可以根据需要切换代码类型。

  • CSS

  • CSS in JS

  • Android XML

  • iOS Swift

代码设置:根据使用习惯自定义选项

使用技巧

快捷键

  • 切换页面 PgUp PgDn

  • 缩放设计图到100% 0 cmd 0

  • 缩放到看到设计图全貌 1 F

  • 起始位置开始100%显示 2

  • 放大设计图 + cmd +

  • 缩小设计图 - cmd -

  • 选中标注图层,直接复制文本 cmd C

  • Shift 加选元素

最后更新于