Moonvy-SPEC
  • 🌕从这里开始
  • 🚀快速入门
  • 🤔常见疑问
  • Figma 插件
    • 🎛️安装插件
    • 🖼️上传设计图
    • 🔪设置切图
    • ⛓️切图继承
  • 设计图标注
    • 📐查看标注
    • ⬇️下载切图
  • 管理设置
    • 💌邀请成员
    • 😀个人设置
    • 🗂️文件管理
  • 常见问题
    • 😅运行常见问题
      • 其他工具兼容问题
  • 视频
    • 🎇视频教程
  • 更新记录
    • Web 应用更新记录
    • Figma 插件更新记录
  • 🌖联系我们
  • Moonvy 服务条款
  • 数据隐私安全
由 GitBook 提供支持
在本页
  • 为了更好的使用体验,帮助文档已迁到新网址 前往「帮助」
  • 切换项目/文件夹
  • 文件排序
  • 标注信息
  • 切换开发平台
  • 切换颜色格式
  • 切换代码
  • 使用技巧
  • 快捷键

这有帮助吗?

  1. 设计图标注

查看标注

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

上一页切图继承下一页下载切图

最后更新于2年前

这有帮助吗?

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

切换项目/文件夹

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

文件排序

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

名称排序:按设计图的名称 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 加选元素

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

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

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

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

📐
👉
🗒️
👉
🤓
👉
前往「帮助」