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拖拽进来即可,记得要勾选要导入哪些画板哟。
psd可直接拖拽,sketch通过插件上传

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