Review Design as pxCode-friendly

The quality of the design has a significant impact on how easy it is to edit in pxCode.

This article will teach you how to modify the design to make it more pxCode-friendly.

In summary, it is crucial to keep the design structure simple

The two most important guidelines are:

1. Minimize Layer Overlap

Review all overlapping items. Ensure that all overlapping items are necessary, and correct the others to be non-overlapping.

Unnecessary Overlapped

Unnecessary Overlapped

Unnecessary Overlapped

Unnecessary Overlapped

Necessary Overlapped Items as

Necessary Overlapped Items as position: absolute

2. Flatten Layers as Images

To merge unused layers into a single image, set the export settings as PNG, JPG, or SVG and flatten the items.

Export unnecessary layers as images (exportable).png