设计手记文章系列大纲

一、分析软件--思维导图（Xmind）介绍

二、素材收集、参考--花瓣网

三、原型软件--墨刀、Axure介绍

四、设计软件--PS、Ai介绍

五、标注软件--像素大厨介绍

六、其他工具介绍

正文

写在前面的话：作为设计和开发之间的桥梁，设计原型的标注是不可缺少的一部分，众多的标注工具中，有免费的，也有收费的，大家的使用感受都有所区别，今天给大家介绍一款免费（目前免费）的标注软件--像素大厨。（从刚开始没有自动代码生成的时候使用，直到现在，多画板支持，代码生成等优质的用户体验成为了我推荐它的理由），介绍下方附下载的链接，以及简单的安装教程。

像素大厨是什么？

像素大厨（PxCook）：最高效易用的自动标注工具，设计研发利器，拥有以下功能

官网：http://www.fancynode.com.cn/pxcook

1）设计稿智能标注：通过拖拽点选，标注自动生成

专为设计师打造。只需轻轻点选，拖拽，就能生成想要的标注。设计稿文件更新，标注自动更新。

设计稿智能标注

2）自动生成代码：高能的开发模式，点击即生成前端代码

超多平台语言现已支持：CSS，Android XML，Objective-C，Swift，ReactNative⋯⋯不断增加中！

自动生成代码
支持的代码生成平台

这里需要转化到开发模式才能看到生成的代码，并且拖入像素大厨的文件要为设计源文件（psd类型的）。

3）项目分类管理：面对繁多设备类型、功能、版本，一招化繁为简、

项目制归类所有设计稿，画板，png或pxc标注文件。告别上百标注文件的杂乱，一切井然有序起来。

项目分类管理

3）多平台支持：支持PC／Mac，支持PS／Sketch让设计师随心所欲。

无论你是用Windows，还是macOS。无论用Photoshop，还是用Sketch设计。统统都支持。

多平台支持

像素大厨安装步骤(Windows为例)

第一步：下载Adobe AIR插件

官网网址：https://get.adobe.com/cn/air/

下载Adobe AIR插件 下载完成的Adobe AIR插件

第二步：安装Adobe AIR插件

直接打开安装

直接打开安装

第三步：下载像素大厨

像素大厨官网网址：http://www.fancynode.com.cn/pxcook

下载像素大厨

第四步：安装像素大厨器（前提是安装好了Adobe AIR插件）

下载后直接打开
安装完成后的启动图标

最后一步：注册账号开始使用

安装后的运行界面

、

为了以后省事，直接搞个教程！！！欢迎大家吐槽，哈哈。。。

说明：本文中的图片来源与网络。