我经常用的一款切图工具

2024-06-12 19:25:48

前言

在我们日常开发过程中，设计师给我们提供了UI设计图片，经常需要标注尺寸，有时候设计师难免会有些遗漏标注，如果我们每个都去问，会增加很多的沟通成本，因此，使用一款好用的标注软件就显得尤为重要，今天推荐这款标注软件—pxcook像素大厨。本地版永久免费。

PxCook优点

PxCook优点在于将标注、切图这两项设计完稿后集成在一个软件就可以完成，支持Windows和Mac。

标注功能

支持标注长度，颜色，区域，文字注释。自带实时放大镜，省却了反复放大的操作。

标注长度： 长度标注针对移动端设计，支持px与dp直接的单位转换，长度标注的数字如果不合适可以自己手动进行修改。

颜色： 标注的各种颜色可以自定义，灵活性不错。

区域： 可以拖动区域，自动标准长和高，非常方便。

文字注释： 注释的文字字体样式可以自定义。

自动标注

在pxcook中，只要拖拽psd或插件上传sketch，就可以在顶部选择开发模式后，点击图层元素，直接生成代码。生成的包括文字信息，尺寸间距，阴影渐变圆角等所有信息。随时可以通过设计稿查看前端代码。

修改标注颜色和字号

在画板页和设计模式下，顶栏有字号设置，生成标注后可以修改颜色。如果找不到字号设置，可以最大化PxCook，就可以看到了。

PxCook支持设计、开发模式

在设计模式下，设计师可以进行拖拽的“智能标注”，手动标出尺寸间距、文字信息等。
在开发模式就是自动标注模式。在这一模式下，程序员和设计师都可以通过鼠标点击图层或元素，直接生成标注的值和代码。代码还可以一键复制。节约了我们的时间。

本次的分享就到这里了！！！如果觉得还不错，请不要忘记点赞✌，收藏✌，加关注✌哦 ❤️ ❤️ ❤️

我经常用的一款切图工具相关推荐

5款前端切图工具大比拼：谁是最强切图神器
前端切图是前端工程师们还原设计稿的过程中必不可缺的一环.不过,切图工作究竟谁来做?这个问题我们在各大论坛也屡见不鲜:前端工程师认为设计师出了设计稿,那么相应的切图也应该一并交付:设计师则认为前端工程师 ...
android ps切图工具下载,移动APP设计之PS切图插件大汇总，值得收藏
移动APP界面设计切图和标注是一项必不可少的步骤.所以,设计界也涌现出了很多切图神器和标注神器. 包括25学堂之前介绍过的很多切图工具和切图教程. 今天25学堂的小编为大家精选了几个不错的移动APP设 ...
【工具】推荐一款切图神器，设计稿一键导出 Vue/微信小程序代码
2021 年过一半了,各位切图还开心吗? 最近我遇到这个事情: emmm,这位产品小兄弟,说好只加 3 个页面,最后硬是让产品加了 6 个页面,差点凑齐七个小矮人了,后面的 UI 稿就像这样(考虑到公 ...
android在线切图工具,9Cut切图工具
9Cut切图工具由西西给大家带来,这款软件也是能够把一张完整的照片切成九小张,最近的朋友圈特别火爆的九宫格照片就是由这个来制作的,非常的完美,赶紧来下载9Cut切图工具试试吧! 9Cut切图工具介绍 ...
android ui 切图工具,APP切图标注教程：UI设计切图标注的小工具实用技巧
分享关于一篇UI设计师必须要懂的切图标注的小工具实用技巧,让你在跟开发工程师协作的时候更加得心应手. 设计师必备的UI切图小工具如下3大常用工具: 1.切图工具 Assistor PS 也是一款PS的 ...
PlistView(切图工具)v1.0绿色版
PlistView是一款plist图集切图工具,是使用Flash Builder制作的用于切开由TexturePacker打包合成的图片文件的小工具,PlistView界面简洁.操作简单,有需要的朋友 ...
像素大厨PxCook for Mac(自动标注切图工具)中文免费版
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图.每个UI设计师都在用的 ...
TinyCrayon-iOS-SDK：强大到使人惊讶的 Mask 及切图工具库
原文链接:https://github.com/TinyCrayon/TinyCrayon-iOS-SDK TinyCrayon-iOS-SDK:强大到使人惊讶的 Mask 及切图工具库.# 为开源点 ...
切图工具：输出512*512切片大小的切片
原来切图工具仅能输出256*256大小的切片,已经逐渐不满足高清屏幕的需求,结果就是在Retina显示屏或者4K.8K显示屏中,会显示比较模糊.这样就需要生成512*512像素的切片,在原来256*2 ...

最新文章

热门文章