Guideline: Keep Structure Simple

A well-structured design is key to seamless editing in pxCode.

This article provides guidance on adjusting your designs for optimal compatibility with pxCode.

In short, keep the design structure correct and simple

There are two major checked items followings

1. Correct Wrong Overlapped Items

Examine your design for overlapping elements. Retain only overlaps that are absolutely necessary. For those deemed unnecessary, adjust their positioning to avoid overlaps

ex.

Wrong Overlapped

Wrong Overlapped

Overlapped Items by design as position: absolute

2. Merge Layers into Images Using Export

Use Export Settings to merge layers intended as images in web code into PNG, JPG, or SVG formats.