PxCook Official - Professional UI Design Collaboration Tool
PxCook, also known as Pixel Chef, is a smooth and cross-platform slicing design tool designed for UI designers. PxCook is an essential annotation and slicing tool for UI designers, effectively solving issues such as transparent images, sizes, and rulers during the design process.
Compatible with Mainstream Design Tools
Compatible with various mainstream design tools! Supports high-fidelity designs from Photoshop, Sketch, Adobe XD, Figma, and online delivery of Axure and prototype designs.
Easily View Annotations
Simply click or hover over the design to view all layer data and get annotations.
Intelligent and Accurate Annotation
Multiple intelligent annotation methods to free your hands; 4 types of manual annotation for flexible use.
Auto-Generate Code
One-click copy of property values, auto-generate CSS code, easily copy, view, and export all style codes for Web, iOS, and Android platforms.
What is PxCook 3.0?
In short, it’s a productivity tool for designers and developers. It supports drag‑and‑drop upload with automatic smart annotation, plus artboard and project management. After designers finish the draft, developers can generate code with one click for CSS, XML, Swift, Objective‑C, and React Native.
For teams that still require certain manual annotations, PxCook combines fast manual annotation with automatic ones—adopting an “auto first, manual supplement” workflow for efficiency.
As a product focused on design and delivery, version 3.0 improves performance, usability, and cross‑platform capabilities. It supports both Windows and macOS, and works well with mainstream tools like Photoshop and Sketch.
Auto Annotation · Generate Code Directly
Switch to the Developer mode via the top tabs to generate code for CSS / XML / Objective‑C / Swift / React Native. Copy sizes, colors, fonts, shadows, gradients and more with one click for faster implementation.
Generate CSS
Generate Objective‑C
Generate React Native
Automatic code generation saves hours of repetitive work every week and makes design‑to‑dev handoff faster and more reliable.
Smart Annotation
Automatically recognize size, color, spacing, radius, shadow, and more. Add manual annotations where needed to meet your team’s spec.
Wide Tool Compatibility
Import and hand off high‑fidelity designs from Photoshop, Sketch, Adobe XD, Figma, and more.
Multi‑platform Code
Generate styles and component code for Web, iOS, Android, and cross‑platform frameworks.
Team Collaboration
Projects and artboards, permissions, comments, and annotations—seamless design‑dev collaboration.
One‑click Slicing
Export at multiple scales to WebP/PNG/JPG, with auto naming and batch export.
Precise Annotation
Auto + manual annotations for distance, alignment, size, color values, font weight, radius, shadows, and more.
Security & Compliance
Private/on‑prem deployment available on request. Better control over data transfer and access.
Three Steps to Handoff
Drop your design files into PxCook. Artboards and exportable assets are parsed automatically.
Auto generate distances and styles. Add manual notes to meet your team’s conventions.
Copy code for target platforms or export slices. Start implementation right away.
System Requirements
Windows
- Windows 7/8/10/11 (64‑bit)
- 4 GB RAM (8 GB or more recommended)
- 2 GB available disk space
macOS
- macOS 10.12 or later
- 4 GB RAM (8 GB or more recommended)
- 2 GB available disk space