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

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 获取途径:

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

Sketch上传插件 获取途径:

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

问题反馈与联系

任何问题反馈,欢迎酱桑来提(。・`ω´・)

能自动生成标注的html的软件,UI标注最高---PxCook3.0 设计师自动标注软件,点击生成代码。智能高效的设计开发工具...相关推荐

  1. paddle 图标注_「插件」UI必看!推荐切图标注工具

    标注和切图,是UI设计师工作中必须要做.传统的切图很麻烦,出现了一大堆的切图标注软件. 今天,贱贱为你讲解其中一款,新手来收. 注意! 注意! 不要眨眼睛 对 你没有看错 今天介绍的是蓝湖插件 话不多 ...

  2. 使用python用什么软件-python开发工具有哪些(初学python用什么软件)

    python开发工具有哪些 一.jupyternotebookIDE简介-五星推荐 jupyternotebook是python学习与开发的一款简介的IDE,是一款Web应用程序,便于创建和编写文档等 ...

  3. python编程用什么软件-python开发工具有哪些(初学python用什么软件)

    python开发工具有哪些 一.jupyternotebookIDE简介-五星推荐 jupyternotebook是python学习与开发的一款简介的IDE,是一款Web应用程序,便于创建和编写文档等 ...

  4. 电脑python编程软件哪个好用_5个最好用的Python编程开发工具(IDE)分享

    <Python开发环境搭建 >一文中我们介绍了在Eclipse中如何搭建 今天 125 一.PyCharm 推荐等级:★★★★★ PyCharm是一款python专用开发工具,具有完整的p ...

  5. 10款 Mac 经典原型设计开发软件推荐

    在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典原型设计开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能 ...

  6. 行业研究报告-全球与中国室内设计师3D可视化软件市场现状及未来发展趋势

    报告摘要 本文研究全球及中国市场室内设计师3D可视化软件现状及未来发展趋势,侧重分析全球及中国市场的主要企业,同时对比北美.欧洲.日本.中国.东南亚.印度等地区的现状及未来发展趋势. 2019年全球室 ...

  7. 《Cinema 4D + After Effects动态图形设计案例解析》——1.4 动态图形设计师使用什么软件...

    本节书摘来自异步社区<Cinema 4D + After Effects动态图形设计案例解析>一书中的第1章,第1.4节,作者 Klet,更多章节内容可以访问云栖社区"异步社区& ...

  8. 二维码条形码生成打印软件C#源码,根据变量自动添加抬头

    二维码条形码生成打印软件C#源码,根据变量自动添加抬头,非常方便,工控朋友可以直接拿过去使用,完整源码 16100635774317133鲲鹏自动化

  9. 自动生成作文的软件有哪些?盘点五种自动生成作文软件

    写作是一项需要花费大量时间和精力的任务,而自动生成作文的软件可以帮助我们节省大量的时间.这些软件通过分析和归纳大量的素材和语言模型,能够快速生成高质量的文章.相比于传统的写作方式,使用自动生成作文软件 ...

最新文章

  1. Oracle中序列(Sequence)详解
  2. (转)ZXing生成二维码和带logo的二维码,模仿微信生成二维码效果
  3. leetcode算法题--三数之和
  4. JAVA - package与import解析(一)
  5. python mysql股票分析_一颗韭菜的自我修养:用Python分析下股市,练练手
  6. 记录备份2020-07-13 - 清除多余无用的Windows10环境变量
  7. Microsoft Azure里创建Enterprise Applications
  8. Restic 跨平台加密备份工具
  9. 数码摄影入门之二 准确的曝光
  10. django设置models.Model数据可以为空
  11. 网站项目管理规范手册
  12. pandas之dataframe去掉冗余行以及左连接合并dataframe
  13. 列表标签(HTML)
  14. 投资、理财、炒股记事
  15. git sync fatal: Authentication failed for https://github.com/ did not exit cleanly (exit code 128)
  16. PHP-dede学习:common.ini.php文件
  17. Maven引入数据库JDBC驱动
  18. idea中svn颜色代表的文件状态
  19. 俄数学天才破解庞加莱猜想拒领百万奖金(图)
  20. day8--socket回顾

热门文章

  1. 基于jQuery点击圆形边框弹出图片信息
  2. 广州品向:开发一个类似斗鱼的视频直播app的成本
  3. android判断某文件下是否you_android判断图片类型 判断文件是否为图片文件 - 电脑常识 - 服务器之家...
  4. BoundChecker
  5. rust最美建筑_梦幻西游五开最有效率的等级组合在159级投入算少的刷的收益稳定...
  6. python 定义一个无限制的二维数组方法
  7. Computing Arbitrary Functions of Encrypted Data(论文翻译)
  8. 学业指导工作室热忱为同学们的学习服务
  9. 爱情表白短信:想你,是最快乐的事...
  10. python自学之《21天学通Python》(14)——第17章 Web网站编程