bg-abstract

PxCook官网 - 专业UI设计协作工具,一键切图标注,设计交付更高效

pxcook又名像素大厨,是一款交互流畅、全平台支持的切图设计工具,专为UI设计师所设计。pxcookUI设计师必备的标注切图神器,可以有效解决作图过程中的透明图、尺寸、标尺等问题,支持PSD文件的文字、颜色,距离自动智能识别等功能。pxcook还支持对PS、Sketch设计元素尺寸、颜色的智能标注,从设计到代码让团队高效协作,生成前端代码,是设计研发协作利器。

兼容主流设计工具

兼容各类主流设计工具!支持Photoshop、Sketch、Adobe XD、Figma等高保真设计稿, Axure、原型设计稿的在线交付。

轻松查看标注

只需单击或将鼠标悬停在设计稿上,即可查看所有图层数据、获取标注。

智能标注,准确无误

多种智能标注,解放双手;4种手动标注,自由发挥。

自动生成代码

一键复制属性值,自动生成css代码,轻松复制、查看和导出所有 Web、iOS 和 Android 平台的样式代码。

PxCook3.0 是什么?

展开讲的话,是一款面向设计师与开发者的效率工具。支持在线拖拽上传、自动智能标注、画板与项目管理,帮助设计交付“所见即所得”。完成设计后设计师上传设计稿,开发同学即可一键生成多端代码:CSS、XML、Swift、Objective-C、React Native 等。

对于仍需人工标注流程的团队,PxCook也支持快速手动标注,且可与自动标注配合使用,形成“自动为主、手动补充”的高效协作方式。

作为深耕设计与协作的团队产品,3.0版本在性能、易用性与跨平台能力上全面升级:同时支持 Windows 与 macOS,并对 Photoshop 与 Sketch 等主流设计工具提供友好支持。

自动标注 · 直接生成代码

点击顶部的 Tab 按钮可切换到开发模式,在该模式下可直接生成 CSS / XML / Objective‑C / Swift / React Native 等平台代码,尺寸、字体、颜色、阴影、渐变等样式一键复制,提升前端/客户端实现效率。

开发模式切换 Tab
代码生成预览

生成 CSS

CSS 代码生成示例

生成 Objective‑C

Objective-C 代码生成示例

生成 React Native

React Native 代码生成示例

自动生成代码可为团队每周节省数小时的重复劳动,让设计到开发的交付更快、更稳。

智能标注

智能识别尺寸、颜色、间距、圆角、阴影等属性;在需要时可快速添加手动标注以满足特定规范。

手动标注示例

多工具兼容

支持 Photoshop、Sketch、Adobe XD、Figma 等主流设计工具的高保真稿件导入与交付。

多端代码生成

面向 Web、iOS、Android 与跨端框架,自动生成对应样式与组件代码,所见即所得。

团队协作

项目与画板管理、权限控制、批注与评论,设计与研发无缝协作。

一键切图

多倍率导出、透明背景、WebP/PNG/JPG 等格式支持,自动命名与批量导出。

精准标注

自动与手动标注结合,支持距离、对齐、尺寸、色值、字重、圆角、阴影等。

安全与合规

支持团队私有化部署(如有需要可联系咨询),数据传输与访问控制更安心。

三步完成设计交付

1. 拖拽导入

将设计稿拖拽至 PxCook,自动解析画板与切图资源。

2. 智能标注

自动生成距离与样式标注,必要时添加手动标注满足规范。

3. 一键出码

面向目标平台复制代码或导出切图,立即投入实现与联调。

系统要求

Windows

  • Windows 7/8/10/11(64位)
  • 4 GB 内存(建议 8 GB 及以上)
  • 2 GB 可用磁盘空间

macOS

  • macOS 10.12 及以上
  • 4 GB 内存(建议 8 GB 及以上)
  • 2 GB 可用磁盘空间

常见问题

支持。可对项目成员设置不同权限,进行批注、评论与历史版本查看,保障交付有序可追踪。

常规切图与标注在本地即可完成;涉及在线协作与共享时需联网。需要私有化或内网部署可联系咨询。

设计稿兼容 Photoshop、Sketch 等主流来源;导出支持 PNG/JPG/WebP/SVG(按对象)等格式,并可多倍率输出。