📐查看标注
由 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
加选元素
设计图上单击选中一个图层,右侧信息栏会显示图层的信息。图层名称、大小、位置、间距、填充、效果、字体、切图、代码等工程师在还原设计图时需要的所有资源。
通常情况下,不需要工程师进行修改;如果有特殊需要工程师可以根据自己的场景,更改开发平台选项。
信息面板里,任何显示颜色的位置都可以进行颜色类型的切换,本次设置只对当前设计图生效,刷新或重新打开会重置。
根据开发平台的不同,自动提供的代码语言也不同,工程师可以根据需要切换代码类型。