What is PxCook 3.0

Designer one key drag upload, intelligent annotation, support sketchpad, project. And when you do that, the PXCP programmer can click and generate CSS, XML, Swift Objective-C and ReactNative code.

Words do not look at the graph

Listen to this: As a team that is deeply involved in designer software. Version 3.0 is much more efficient and easy to use than its predecessor. It still supports Win & Mac and is a full platform tool that supports PS and Sketch.

The concept of drag and use and one-click streaming I think everyone in the Internet industry understands the ease of use. This applies not only to design import, but also to smart tagging and generated code.

Development mode: Generate code directly

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

In this mode, drag-and-drop PSD and uploaded Sketch can directly generate front-end code such as CSS XML Objective-C Swift ReactNative. 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?

(/ \ omega)~ Project is a convenient design management annotated grocery box, 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.

The Sketch import: Fast upload through the plug-in

Character Switching – Designer mode

Let’s start with the following pattern distinctions between developers and designers

PxCook3.0 allows you to switch roles — design and develop both roles — via the top TAB. Annotations can be made in design mode. Both interactive intelligent tagging and manual distance/text/coordinates are available.

It mainly includes:

  • Dimensions between elements can be dragged to generate them directly
  • Intra – element spacing can also be generated with one key
  • Font information annotation (whether font size and color are bold, etc.) one-click stream

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

The adjustment of the UI

We’re going to go through every UI tweak because the interface needs to be polished, just like every other design that’s ever been done. Because the environment is changing, people also with thinking.

  • The first adjustment was to put the smart tag icon on the left to reflect the affiliation.

  • The cut diagram is also placed more prominently at the top.

  • The selection of font units has also been moved to the design page and the top of the project page, #Hex and ARGB, etc.

“PxCook 3.0 was designed to provide complete project management and the most appealing palette functionality without bothering the designers,” says The team. From the feedback of the two user groups, it is not bad. We are also working on the next function. On the road =]”


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 is called Flavor [Flavor-Sketch plugin for Flavor Enhancement, which adds spice to your design][21]

Problem feedback and contact

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

Official Weibo: @fancyNode

Qq user group: 555201284