像素大厨生成html文件,PxCook 像素大厨 - 标注切图一起搞定

PxCook是新一代的UI界面设计标注切图工具。自动智能分析PSD文档信息,只需通过简单的点、滑操作即可生成标注。同时实时检测PSD,一旦PSD更新,标注自动更新,无需再次标注。切图工具无需安装插件,即可通过PS输出切图。支持Win,Mac双平台。

PxCook(像素大厨)是面向设计师的一款免费、交互流畅、全平台支持的标注切图工具软件。它支持对PS、Sketch设计元素尺寸、元素距离、文本样式、颜色的智能标注,支持智能切图。每个ui设计师都在用的标注切图神器--PxCook像素大厨。

65d8151a8048cdc579ea045e239243a8.png

功能介绍

1、支持的平台(macOS和Windows均支持)

PxCook支持和 macOS和Windows操作系统

8d7749175e926890cc206f3e629e657b.png

2、支持的工具类型(PS和Sketch均支持)

a370315c62a57faa29c9792fcb8252f1.png

PS

需要把psd文件拖拽到PxCook工具中,PxCook将会在工具内解析psd文件,切图需要在PS中打开远程连接,通过PxCook的浮窗实现切图

Sketch

在Sketch中,首先要先安装PxCook插件,点击“导出当前画板到PxCook”后会自动启动PxCook,并显示出Sketch中对应的画板内容,依旧在PxCook中标注。

3、智能标注

无论是元素间,元素与边框间的距离标注,都只需要简单的拖、放,点、选就自动生成了。

通过智能标注得到的所有标注信息,都会随着您原始设计稿的变化而进行自动更新,省去了手动再调整一遍的成本。

间距标注

d0001e47ba2c40387ea751a228b50788.png

尺寸标注

cb2c7557a4e127594f164041c2523a43.png

内间距标注

31a5763b95dadecb4174f0cb494e409f.png

文本样式标注

0d106fb6206de00e9e2742e2a11c1ff0.png

在Ps里有些用户习惯对图层使用颜色叠加来修改文本颜色,甚至文本图层外还会套着有颜色叠加的组。这些在PxCook中都不是问题,PxCook可以通过各种嵌套和颜色叠加关系,将最终的文本颜色解析并标注出来。

区域标注

06872bf2483bca49a9f9eb554ae3d7ac.png

4、单位转换

f19e7555b825269fb3e8d57d7bc4f0c0.png

考虑到面向不同手机操作系统的设计师用到的单位不同,PxCook可以自动切换单位,所有标注都轻松同步更换~

5、数字手动更改

在保持真实尺寸不变的情况下,可改变显示的数值。以避免因为几像素的误差重新修改设计稿。

6、切图功能

切图功能需要远程连接ps,提供多种设备的切图输出,并可以对切片进行无损缩放。同时支持对图层样式的缩放。

95fb09bff667ea3f8625a4f26e802915.png

7、自动备份

软件会对标注定时进行自动备份,以防止意外情况的发生,你可通过设置面板查找备份的存档地址。

其他~

还有很多值得期待,因为我们一直在迭代更新……

92d3a959231cc828ece540f17607f54e.png

再次强调PxCook是一款免费的智能标注&切图软件。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值