PxCook Pixel Chef

After the designer drags and uploads with one key, it can be intelligently marked. Then the programmer clicks on PXCP to generate CSS, XML, Swift Objective-C, and NativeReact code. Support artboard resolution, projects

Many words do not read

(Take note: version 3.0 is much more efficient and easy to use than its predecessor. It supports Win & Mac and is fully supported with PHOTOSHOP and Sketch.

The concept of drag and use and one-click streaming I think I understand the ease of use. This is not only reflected in the design draft import, but also in smart tagging and generated code.

Development mode: Generate front-end code directly

PxCook3.0 allows you to switch roles — design and develop both roles — via the top TAB.



Click the TAB button at the top to switch to app mode

In this mode, **CSS XML Objective-C Swift ReactNative and other ** front-end code can be generated with one click. Includes everything from size text to shadow gradients in multiple development languages.

The CSS supports point-to-point generation

XML click generate yes yes

OC click to generate, Three yeses

Swift, Yes! Taylor No““

ReactNative, generation support (▔, ▔)ㄏ

Generating code directly saves the team several hours or more of work time each week at the very least.

Support for the project

What is a project?

The project is a convenient design management annotation grocery container, one of the PSD/SketchDrawing boardSome one without an artboardpsd/sketchSome old onepxcFormat file or a separate annotation that is not associated with the filepng… These file types vary, but may be related to an interface or a feature or version, all of which are fineOrganize into a projectInside.

Project list display

Smart label

The smooth intelligent annotation is the best praised function since it was launched in 2016. Its ease of use is reflected in the simple interaction for designers

The larger version retains smart tagging and adds artboard support.

Drawing board support

Explain what a sketchpad is. Photoshop has introduced sketchpad since 2015, arguably the most commonly used category/summary feature for UI designers (Sketch has always been supported). It is also the most vocal among our 2 seed user groups.

☝ Above is the sketchpad for PHOTOSHOP and Sketch

PxCook3.0 already supports importing and displaying artboards separately. ☟

PS into:Just drag the PSD in, remember to check which artboards to import.

Sketch Import: Quick upload using flavor (download at the end of this article).

Character Switching – Designer mode

Annotations can be made in design mode. Both interactive intelligent tagging and manual distance/text/coordinates are available.

It mainly includes: – the size between elements can be dragged directly generated – the spacing within elements can also be generated by one key – font information annotation (whether the size of font color is bold, etc.) one key flow -……

PxCook has pretty much figured out what the designers want, since user feedback is what they do all the time.

Some instructions

  • First, the smart tag is attached to a button that looks like a light bulb. The child icon is made clickable only after the layer element is clicked. Including width and height, text information, etc. For inner spacing, hold Down CTRL and click on each layer element.

  • The cut diagram is at the top.

  • Font units are displayed at the top of the design page and project page, #Hex, ARGB, etc.

PxCook 3.0

To download website: www.fancynode.com.cn/pxcook

How to obtain the Sketch upload plug-in:

To the website: www.fancynode.com.cn/flavor

In fact, this plugin is also a killer and a huge efficiency boost. It’s called Flavor.

Problem feedback and contact

Any questions and feedback are welcome. · ` omega, ´),

Official Weibo: @fancyNode

Qq user group: 555201284