PxCook像素大厨

PxCook3.0带来下一代的UI 网页标注协作，从智能标注升级到自动标注，将设计师的低效时间统统省去。专注设计本身。

“ 这世上哪有什么天才，有些人只是把大家设计标注、写前端的时间拿来喝咖啡，和思考罢了

PxCook，支持 Win & Mac，支持PS和Sketch的全平台工具。“拖拽即用”和“一键流”的友好交互理念贯穿始终。

PxCook3.0 是什么：

展开讲讲的话，是一款设计师的效率工具。TA支持友好的一键拖拽上传，可自动标注，并支持画板、项目。也可以做智能标注后发给程序员设计稿或标注pxcp文件，点击即可生成代码，包括css xml swift objective-c还有ReactNative。

智能标注

PxCook的智能标注是2016年上线以来口碑最好的功能，这回大版本保留了智能标注最友好的交互，还对自动标注进行了支持。

进阶，自动标注——直接生成代码

设计师本地完成设计稿后，彻底不用再手动标注了。CSS XML Objective-C Swift ReactNative 等前端代码可以点击直接生成。psd、pxcp丢给开发即可。

Ta包括多种开发语言下的尺寸文字、阴影渐变等所有元素。

CSS 支持点击生成举例

OC 点击生成举例

XML Swift ReactNative也是支持的。直接生成代码至少每周为团队节省数小时甚至更多的工作时间。

支持画板

PS自2015起就支持了画板，可以说是ui设计师最常用的分类/汇总功能（Sketch一直支持）。同时也是种子用户群呼声最高的一块。

☝ 上图是Ps和Sketch的画板

（而以下，PxCook3.0已经支持导入和分别显示画板了。☟

↑ PS导入：直接将psd拖拽进来即可，记得要勾选要导入哪些画板。

↑ Sketch导入：通过插件上传

对项目的支持

什么是项目？

不止是程序员需要关心的。项目是设计师方便管理标注的集合：某个psd/sketch中的某一个画板，某个没有画板的单独.psd/.sketch，某个老的pxc格式文件，某个和文件没有关联的单独标注png……这些文件类型不同，但是可能和某个界面或某个功能、版本相关，这些都可以整理到一个项目内。

角色切换 — 设计师模式

PxCook3.0可以通过的顶部tab切换角色。专注服务设计和开发两个角色。

设计模式下可以标注。无论是交互友好的智能标注还是手动加距离/一行字/坐标都是可以的。

Ta包括了：

元素间的尺寸可以拖动直接生成
元素内间距也能一键生成
字体信息标注（字号字体颜色是否加粗等）一键流
……

用户反馈收集是做到友好交互的前提（羞she

UI的持续打磨

每次的UI调整，我们都愿意展开讲讲。因为界面是需要磨的，就像所有曾出现过的设计一样。因为环境在变，人的想法也会得到提升。

首先的调整就是把智能标注的图标放在了左侧，体现从属关系。

切图也放在顶部更明显的位置。

还有字体单位的选择移到了设计页和项目页顶部，属于画稿，包括了#Hex和ARGB等。

“ PxCook 3.0设计的初衷，是在不打扰设计师的前提下，提供完整的项目管理与呼声最高的画板功能。提供更新的自动生成标注 ~从两个用户群的反馈来看，还不错~我们也希望能带来更多惊喜”

PxCook 3.0 获取途径：

https://www.fancynode.com.cn/pxcook

我们也会在官方公众号：PxCook 定期发布其他效率工具与日常更新

Sketch上传插件获取途径：

https://www.fancynode.com.cn/flavor

（- - 小声：其实这个插件也是个大杀器，叫作Flavor，对效率提升也非常之大→_→ Flavor - Sketch插件味增，给你的设计加点料

转载于:https://www.cnblogs.com/zly1022/p/9232819.html

PxCook像素大厨相关推荐

像素大厨标注如何导出Html,每个设计师都在用的UI标注工具UI切图软件——PxCook像素大厨...
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图. 以下,就会着重展示P ...
像素大厨生成html文件,PxCook 像素大厨 - 标注切图一起搞定
PxCook是新一代的UI界面设计标注切图工具.自动智能分析PSD文档信息,只需通过简单的点.滑操作即可生成标注.同时实时检测PSD,一旦PSD更新,标注自动更新,无需再次标注.切图工具无需安装插件, ...
PxCook 像素大厨
PxCook优点在于将标注.切图这两项设计完稿后集成在一个软件内完成,支持Windows和Mac双平台. 标注功能包括:支持长度,颜色,区域,文字注释,其中比较有特色的是: 1.长度标注针对移动端设计 ...
ui设计稿psd文件，前端怎么抠图，怎么高度还原ui稿-- pxcook像素大厨，
百度搜索像素大厨, https://www.fancynode.com.cn/ 下载一个像素大厨, 并把项目的psd文件拖入pxcook, 如图: 抠图用的是photoshop,photoshop需装 ...
像素大厨可以导出html标注吗,前端标注软件-pxcook像素大厨使用心得
为什么要清理Adobe AIR 在Windows平台上,可能会因为各种问题导致原有的Adobe AIR环境被破坏,譬如已经安装了Adobe AIR之后对系统进行了更新,或是原有安装的Adobe AIR ...
pxcook(像素大厨)安装--
1.打开http://www.fancynode.com.cn/pxcook 2.若未安装,则先安装Adoby AIR软件 3.安装Adoby AIR的时候可能会遇到问题:"Adobe ai ...
蓝湖类似的软件_发现一款即使不联网也可以和蓝湖一样好用的工具。PxCook（像素大厨）...
发现一款即使不联网也可以和蓝湖一样好用的工具.PxCook(像素大厨) 优点在于将标注.切图这两项设计完稿后集成在一个软件内完成,支持Windows和Mac.sketch(不同版本下载).设计开发都能 ...
像素大厨可以生成html吗,PxCook（像素大厨）
PxCook(像素大厨)是一款切图设计工具软件.自2.0.0版本开始,支持PSD文件的文字,颜色,距离自动智能识别. 优点在于将标注.切图这两项设计完稿后集成在一个软件内完成,支持Windows和Ma ...
像素大厨PxCook for Mac(自动标注切图工具)中文免费版
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图.每个UI设计师都在用的 ...
前端开发利器--PxCook（像素大厨）
前端开发利器 - - PxCook(像素大厨) 1.PxCook简述 2.PxCook安装 3.PxCook基本操作 3.1 通过软件打开设计图 3.2 常用快捷键 3.3 常用工具 3.4 从psd ...

PxCook像素大厨

PxCook像素大厨相关推荐

最新文章

热门文章