方便标注的插件工具-pxcook使用

当设计师在对页面进行设计后,需要进行标注之后才能给前端开发进行制作,手动标注是很费时间的,下面介绍pxcook便捷标注插件工具的使用。

pxcook使用

  • 01

    先想使用该插件的话,需要先进行下载安装,在搜狗搜索“pxcook”下载安装即可,安装完成后进入sketch界面,点击下图图标。

  • 02

    点击后在左侧选择需要导出的图层,点选“导出选中的画板”,点击“导出到pxcook”

  • 03

    点击后跳转到pxcook界面,首先输入项目的名称进行命名。

  • 04

    输入项目名称后后需要选择格式,如下图ios、Android或者web,选择后点击“创建项目”

  • 05

    成功创建项目后进入项目列表页,点击需要进行操作的项目。

  • 06

    点击后进入开发者模式,在右侧可查看相应部分的代码,需要标注的话,点击“设计”

  • 07

    进入设计界面,在页面中点击需要进行标注的部分,然后在左侧点选工具。

  • 08

    教一个快速的标注方法,要标注两个形状之间间距的时候,点选一个形状,按住左键拖动会出现一条线,移动到目标形状放开即可。

  • 09

    放开后即可快速标注出两个形状之间的距离,如下图的4pt。

  • 10

    双击文本部分能够手动进行数值调整。

  • 11

    在上方颜色中我们可更改标注的颜色,然后点击“保存”,选择位置,点击“存储”即可。

(0)

相关推荐

  • 如何管理手机版百度App的插件工具

    百度是我们常用的一款搜索软件,给我们的生活带来了极大的便利和乐趣,深受用户欢迎,有的朋友想知道怎么管理手机版百度App的插件工具,小编为大家解答这个问题.具体如下:1. 首先,请大家在自己的手机中找到 ...

  • FNIS的安装使用上古卷轴5天际mod动作插件工具

    mod让上古卷轴5天际的世界多姿多彩 但是装用fnis动作的mod的时候总出现问题 大多数原因都是fnis设置不对导致的 正确用法如下 操作方法 01 首先我们解压FNIS Behavior V6.2 ...

  • SU插件:拉线成面工具的用法

    今天小编给大家带来SU建模一个非常常用的插件工具:拉线成面.拉线成面顾名思义就是线直接变成面. 操作方法 01 1.安装插件,该插件在SU APP插件库中,具体的安装方法可以参考小编之前写的经验: S ...

  • 设计师必备的PS插件合集

    作为一名设计师,PS是我们的最基本工具,目前也有很多实用的扩展和插件,学会合理使用PS插件既能输出好的作品又可以提高我们的工作效率.今天就为大家带来的ps插件,希望可以帮助到大家,向做一名更专业的设计 ...

  • 从设计到开发的完美交付(工具篇)

    设计交付对于UI设计师来说是一项必要的工作流程,设计交付影响着界面的最终实现和各尺寸适配效果.那么如何做好从设计到开发的交付呢?本文就教一教大家,如何用工具帮助完成从设计到开发的完美交付. 一.移交项 ...

  • 用IE插件将网页表格快速导入Excel软件中

    由于工作关系,笔者经常需要将网页上的一些表格导入Excel中进行保存,以前都是直接使用复制的方法,但有时候粘贴到Excel中的表格不是太理想,事后还需手动去修改,实在麻烦,难道就没有更好的法子了吗?当 ...

  • 微信随心插件怎么用?微信骰子随心插件官网

    微信随心插件怎么用_微信骰子随心插件官网在这里大家介绍一款超好用的安卓微信摇骰子辅助软件,这个软件可帮助玩家在使用骰子表情时摇出自己指定的骰子点数,你可以利用这款软件随意的设定想要的多个骰子数值,随时 ...

  • Sketchup实体工具怎么使用? SU实体工具的使用方法

    SU的实体工具很常用,有些朋友不知道该怎么使用,今天我们就来吸纳关系介绍一下. 这个不是插件工具,若在界面找不到该功能,可以在[视图]--[工具栏]--勾选[实体工具]--[关闭]的操作中找到实体工具 ...

  • ppt插件islide怎么安装?islide插件安装图文教程

    islide插件如何安装?iSlide是一款基于PowerPoint的插件工具,即便您不懂设计,也能简单.高效的创建各类专业PPT演示文档,它提供了很多图标素材,其图表功能也非常强大,有各种曲线图.折 ...