如何在摹客中上传Figma设计稿

 时间:2024-11-10 04:53:52

利用Figma插件,可以实现自动标注、下载切图等功能

工具/原料

华为Matebook 13

Windows10

摹客V1.1.7

安装Figma插件并打开

1、点击“安装”按钮,随后自动跳转到Figma的插件市场中,点击“Install”即可自动完成安装。

如何在摹客中上传Figma设计稿

2、插件安装好后打开Figma,任意打开一个项目后,在画布空白处右键 -> Plugins -> Mockplus

如何在摹客中上传Figma设计稿

新建项目

1、点击项目名称后面的小三角,在展开的列表中点击加号图标“+”,进行新建项目的操作。

如何在摹客中上传Figma设计稿如何在摹客中上传Figma设计稿

2、新建好项目,可将页面上传到指定分组内。

如何在摹客中上传Figma设计稿

3、点击右上角的“更多”按钮,可以进行“切换团队”和“切换账号”的操作。

如何在摹客中上传Figma设计稿

标记切图

1、选中需要切图的图层或编组,在插件上点击“添加切片图层”,就可以一键完成切图。上传到摹客平台后,会自动生成各个平台尺寸的切图,例如:iOS的@1x、@2x、@3x。

如何在摹客中上传Figma设计稿

2、点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应 @2× 。

如何在摹客中上传Figma设计稿

3、倍率选择可参考下图:

如何在摹客中上传Figma设计稿
  • PS中如何设置斜面与浮雕浮雕效果?
  • 如何利用PS制作烟雾效果?
  • PS怎么快速设计犁头尖形状图
  • AI CS6 基本使用讲解(一)工具篇(16)
  • 如何用PS制作感恩卡
  • 热门搜索
    蒲公英泡水喝有什么作用和功效 只争朝夕前一句是什么 如何改ip cg是什么意思的 星际机甲生活 如何关闭自动更新 低碳生活ppt 完美化妆品怎么样 qq邮件删除了怎么恢复 不言而喻是什么意思