When creating a page in pxCode, you can customize how the design is imported. This guide explains the two new settings in detail.

Figma layout setting

This setting controls how much of the layout structure from Figma is retained.

• Not keep：Flatten all layout; no groups or Auto Layout will be preserved.
• Keep all layout：Preserve all group and nesting structures from Figma.

<aside> ✅

Recommended

Not keep – for most cases, this produces a cleaner and easier-to-manage result.

</aside>

Class name setting

This setting determines how class names are handled after import.

• Auto rename class name：
  • System generates clean, readable class names.
  • This is a fast and efficient default. You can later apply AI naming to improve clarity.
• Keep Figma name as class name：
  • Use original layer names from Figma as class names.

<aside> ⚠️

Note:

If a Figma layer name is invalid, pxCode will fall back to auto-renamed class name.

</aside>

<aside> ⚠️

Note:

After structure is generated, AI naming might still modify class names even if "keep name" was selected.

</aside>

How to use

1. Upload your Figma file to pxCode as usual.
2. Go to your imported project in pxCode.
3. Click "Create Page".