下个时代的前端研发，效率还能提升。PxCook 3.0，最高效的设计研发利器

Songlcy 发布于2019-08-29 13:23 / 968人阅读

摘要：相比于之前更加高效，易用。同时也是我们个种子用户群呼声最高的。首先的调整就是把智能标注的图标放在了左侧，体现从属关系。戏太足的开发小队设计的初衷，是在不打扰设计师的前提下，提供完整的项目管理与呼声最高的画板功能。

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

PxCook 3.0是什么

设计师一键拖拽上传，可智能标注，支持画板、项目。做完后导出的pxcp 程序员点击即可生成css xml swift objective-c还有ReactNative的代码了。

字多不看求图

（走心要听：
作为一个深耕设计师软件的团队。这次3.0版本。相比于之前更加高效，易用。依然支持 Win & Mac ，并且是支持PS和Sketch的全平台工具。
“拖拽即用”和“一键流”的理念我想互联网行业的都明白它的易用性的含义。这不但体现在设计稿导入上，智能标注和生成代码也是一样。

开发模式 : 直接生成代码

点击顶部的tab按钮能切换到程序猿模式

在这一模式下，拖拽进来的psd和上传的sketch可以通过点击直接生成CSS XML Objective-C Swift ReactNative 等前端代码。
包括多种开发语言下的尺寸文字、阴影渐变等所有元素。

CSS 支持点击生成

XML 点击生成 yes yes

OC 点击生成，three yeses

Swift，Yes！Taylor No``

ReactNative，生成支持ㄟ( ▔, ▔ )ㄏ

直接生成代码至少每周为团队节省数小时甚至更多的工作时间。

对项目的支持

什么是项目？
(/ω＼)~项目是个方便设计管理标注的杂货箱，某个psd/sketch中的某一个画板，某个没有画板的多带带psd/sketch，某个老的pxc格式文件或某个和文件没有关联的多带带标注png……这些文件类型不同，但是可能和某个界面或某个功能、版本相关，这些都可以整理到一个项目内。

项目列表展示

智能标注

流畅的智能标注是2016年上线以来口碑最好的功能，他的易用性体现在对于设计师的交互简单

这回的大版本保留了智能标注，并增加了画板的支持。

画板支持

小解释画板是个什么。PS自2015起推出了画板功能，可以说是ui设计师最常用的分类/汇总功能（Sketch一直支持）。同时也是我们2个种子用户群呼声最高的。

☝ 上图是Ps和Sketch的画板
（而以下，PxCook3.0已经支持导入和分别显示画板了。☟

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

Sketch导入：通过插件快速上传

角色切换 — 设计师模式

首先介绍以下开发和设计师的模式区分

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

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

它主要包括：

元素间的尺寸可以拖动直接生成

元素内间距也能一键生成

字体信息标注（字号字体颜色是否加粗等）一键流

……

设计师想要的，PxCook基本都想了，毕竟用户反馈收集是一直在做的。

UI的调整

每次的UI调整，我们都愿意展开讲
因为界面是需要磨的，就像所有曾出现过的设计一样。因为环境在变，人也随着思考。

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

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

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

戏太足的开发小队：

“ PxCook 3.0设计的初衷，是在不打扰设计师的前提下，提供完整的项目管理与呼声最高的画板功能。并提供给程序智能开发模式 ~
从两个用户群的反馈来看，还不错还不错~我们也在做着下一步功能。
在路上 =] ”

PxCook 3.0 获取途径：
前往官网下载：http://www.fancynode.com.cn/p...
我们也会定期在公众号：PxCook 发布其他效率工具与日常更新

Sketch上传插件获取途径：
前往官网：http://www.fancynode.com.cn/f...
其实这个插件也是个大杀器，对效率提升也非常之大叫作Flavor Flavor - Sketch插件味增，给你的设计加点料

问题反馈与联系

任何问题反馈欢迎来提(｡・`ω´･)
官方微博：@Fancynode
qq用户群：661255798

GPU云服务器云服务器提升前端效率前端研发区块链的研发前端研发工程师

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112565.html

下个时代的前端研发，效率还能提升。PxCook 3.0，最高效的设计研发利器

摘要：相比于之前更加高效，易用。同时也是我们个种子用户群呼声最高的。首先的调整就是把智能标注的图标放在了左侧，体现从属关系。戏太足的开发小队设计的初衷，是在不打扰设计师的前提下，提供完整的项目管理与呼声最高的画板功能。这世上哪有什么天才，有的人只是把大家设计标注、写前端的时间拿来喝咖啡，和思考罢了 showImg(https://segmentfault.com/img/bVUhyy?w=...

sydMobile 2019-08-01 17:34 评论0 收藏0
下个时代的前端研发，效率还能提升。PxCook 3.0，最高效的设计研发利器

摘要：相比于之前更加高效，易用。同时也是我们个种子用户群呼声最高的。首先的调整就是把智能标注的图标放在了左侧，体现从属关系。戏太足的开发小队设计的初衷，是在不打扰设计师的前提下，提供完整的项目管理与呼声最高的画板功能。这世上哪有什么天才，有的人只是把大家设计标注、写前端的时间拿来喝咖啡，和思考罢了 showImg(https://segmentfault.com/img/bVUhyy?w=...

marek 2019-08-16 10:43 评论0 收藏0
前端如何快速切图

摘要：选择适合我们自己的需求的格式，点击切所选图层即可导出到指定的路径下面。通过这两个工具的混合使用，困扰我的问题得到了解决，妈妈再也不用担心我的切图了。废话不多说我们直接进入正题正所谓：‘工欲善其事，必先利其器’，好的开发工具能够极大的提高我们的开发效率。 Pxcook（高效易用的自动标注工具, 生成前端代码, 设计研发协作利器） Adobe PhotoShop CC 2018(推...

shevy 2019-08-23 10:33 评论0 收藏0
从应用到平台 - 云服务架构的演进过程

摘要：应用的研发上线运维运营形成闭环，顺利完成从对内服务到公共平台的升级。从功能角度，只能支持静态方式设置反向代理，然后，而平台有服务对应的后端服务和端口是有动态调整需求。架构上是基础组件需要进行升级，数据访问层日志监控系统等。介绍 MaxLeap早期是一家研发、运营移动应用和手机游戏公司，发展过程中积累了很多通用组件。这些组件很大程度帮公司在移动研发过程中节省了时间和成本，...

LiangJ 2019-06-28 15:16 评论0 收藏0