PxCook(像素大厨)是面向设计师的一款免费、交互流畅、全平台支持的标注切图工具软件。它支持对PS、Sketch设计元素尺寸、元素距离、文本样式、颜色的智能标注,支持智能切图。每个UI设计师都在用的标注切图神器--PxCook像素大厨,软件还兼容Windows和Mac平台,有需要的用户赶快来本站试试吧。
应用介绍
1、手动标注
PxCook支持多种图像格式(psd,png,bmp,jpg等)的读取,并可手动创建距离、区域、颜色、文本、坐标点等标注。
2、智能标注
PSD文件与Sketch插件支持,可以对每一图层进行解析,快速得到图层尺寸以及文本样式等,帮你快速创建标注。
3、单位转换
PxCook可以帮助设计师进行多种单位(px,dp,pt)间的转换,减轻设计师计算负担。
4、自动吸附
标注过程中可以针对图像内突出颜色进行自动吸附。
5、软件设置
在设置面板中可以进行如:标注字号、标注自动对齐、滚轮、即数字精确度等设置。
6、定制标注样式
可以定制每个标注的颜色,标签位置等样式。
7、颜色模式设置
目前支持#Hex,argb,rgba三种颜色模式。
8、数字手动更改
在保持真实尺寸不变的情况下,可改变显示的数值。以避免因为几像素的误差重新修改设计稿。
9、自动备份
软件会对标注定时进行自动备份,以防止意外情况的发生,你可通过设置面板查找备份的存档地址。
10、切图功能
切图功能需要远程连接ps,提供多种设备的切图输出,并可以对切片进行无损缩放。同时支持对图层样式的缩放。
主要内容有哪些
1、Dp-Px单位随心转
专为移动UI设计师贴心设计从此再也不用算来算去,节省时间提高效率,和数学题说拜拜~
2、颜色透明度自动换算
十进制、十六进制傻傻分不清楚点击菜单自动换算,计算器是神马?再也不需要啦
3、标尺数字随便改
想偷懒?没问题!所有标尺数字都可手动设定,想写多少写多少~轻松简单,无需在担心
4、标注切图两不误
标注、切图一个软件搞定,一站式服务就在这里,只需轻轻点击切换按钮即可搞定~
软件魅力
1、云协作 - 本地项目任选
与团队一起同步最新设计稿, 协作更高效。
将设计上传到PxCook云或保存为本地文件, 满足全部需求。
支持存储方式:云存储, PXCP项目文件, PNG
2、自动手动随意切, 既精准又快捷
只需点击拖拽, 即可轻松获得间距尺寸, 字体, 阴影圆角等所有信息。
PNG, JPG也能手动测量。支持标注单位:PX , PT , DP/SP , REM。
3、提高前端开发效率
直接生成可执行样式代码
热门语言全部支持:CSS, XML, Objective-C, Swift, ReactNative
4、满足所有团队配置
支持Win/Mac, 支持PS/Sketch
无论你是用Windows, 还是macOS。无论你用Photoshop设计, 还是Sketch,
在本地项目和云协作项目中, 都全部支持。
常见问题解答
1、智能标注功能适用于什么文件?
目前PxCook的智能标注适用于.psd文件和sketch画稿。.psd文件直接拖入PxCook即可开始智能标注。Sketch可通过下载插件,将设计稿导入到PxCook。
2、能直接生成自动标注吗?
可以。自动标注是在智能标注的基础上更进了一步-在pxcook中,只要拖拽psd或插件上传sketch,就可以在顶部选择开发模式后,点击图层元素,直接生成代码。生成的包括文字信息,尺寸间距,阴影渐变圆角等所有信息。随时可以通过设计稿查看前端代码。
3、为什么我的Ps设计稿拖入后会一片空白?
因为Ps没有在设计稿保存前勾选最大兼容模式,win和mac的最大兼容模式勾选方法如下:
Win:点击顶部菜单的编辑,找到首选项,在首选项弹窗内勾选最大兼容模式
Mac:点击顶部的Photoshop按钮,找到首选项,在首选项弹窗内勾选最大兼容模式