导出标注到本地

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

标记狮导出标注到本地教程

◇适用条件

适合没有开通私有云服务的用户使用,通过第三方传输软件发送和接收导出的标注包zip文件


◇使用步骤


1.开启标记狮客户端,安装对应的软件插件

2.在软件中添加好切图导出标记

3.点击标记狮客户端中的导出到本地按钮

4.在标记狮客户端窗口中选择需要导出的规格和内容

5.点击开始导出


1.安装插件

打开使用的设计软件安装对应的插件。

标记狮安装插件

*Figma在文档中运行插件,并在使用过程中保持插件窗口开启。

标记狮Figma安装插件


2.在设计软件中标记切图


在Figma/ Adobe XD/Sketch中标记需要生成的切图。


在Figma中在导出一栏点击“➕”即可添加切图标记,添加一个任意倍数的标记即可。

标记狮Figma插件

Figma标记切图示例

----


XD选中需导出切图的内容,在右侧面板勾选添加导出标记。

XD添加切图标记

XD标记切图示例

----


在Sketch中选择导出的切图内容点击右侧面板的制作导出项“➕”。

FD4EA167A6FFB54C022CDAF6BFC3BE9F.png

Sketch示例

(注:Sketch只需要添加一个任意切图倍数即可)


3.点击“导出到本地”按钮

在标记狮中点击提交到私有云,选择需要提交的内容

31CD0259DFE96C97E97C27964D6869B8.png

*Figma用户也可直接在插件中点击导出本地

标记狮Figma插件


4.在标记狮客户端窗口中选择需要导出的规格和内容


选择导出图片规格:

分三个平台:iOS、android、web

比如您的开发日常只需要使用2x的切图,您就只需要勾选相应的2x规格就可以了,这样导出的包资源会相对较小,开发也能在包内下载2x的切图。

如果您的开发需要选择到所有规格的图片,您就全选规格就可以了。


标记狮导出本地标注包教程2.jpg


5.点击开始导出

选择好导出的画板或全部画板,点击开始导出按钮,即可导出本地标注包。

7C1E527D3823B7BBEECD12130C2F43EE.png

6.解压zip文件

导出成功后点击在目录中打开会得到一个zip文件,解压zip文件(请勿在压缩包内直接打开html,请解压后再打开html),打开html就可以看到标注了,

标记狮导出本地标注包教程3.jpg

双击画板可以进入标注详情页,点击切图可进行下载。

标记狮导出本地标注包教程1.jpg