这世上哪有什么天才,有的人只是把你们设计标注、写前端的时间拿来喝咖啡,和思考罢了css
PxCook 3.0是什么前端
设计师一键拖拽上传,可智能标注,支持画板、项目。作完后导出的pxcp 程序员点击便可生成css xml swift objective-c还有ReactNative的代码了。node
字多不看求图
(走心要听:
做为一个深耕设计师软件的团队。此次3.0版本。相比于以前更加高效,易用。依然支持 Win & Mac ,而且是支持PS和Sketch的全平台工具。
“拖拽即用”和“一键流”的理念我想互联网行业的都明白它的易用性的含义。这不但体如今设计稿导入上,智能标注和生成代码也是同样。程序员
点击顶部的tab按钮能切换到程序猿模式objective-c
在这一模式下,拖拽进来的psd和上传的sketch能够经过点击直接生成CSS XML Objective-C Swift ReactNative 等前端代码。
包括多种开发语言下的尺寸文字、阴影渐变等全部元素。swift
CSS 支持点击生成设计模式
XML 点击生成 yes yes工具
OC 点击生成,three yeses字体
Swift,Yes!Taylor No`
`ui
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调整,咱们都愿意展开讲
由于界面是须要磨的,就像全部曾出现过的设计同样。由于环境在变,人也随着思考。
首先的调整就是把智能标注的图标放在了左侧,体现从属关系。
切图也放在顶部更明显的位置。
还有字体单位的选择移到了设计页和项目页顶部,#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