Advanced Import: Auto Layout

Auto layout in Figma automatically adjusts the size and spacing of elements within a frame based on their content and constraints, enabling responsive and dynamic designs. The HTML to Figma plugin parses layout features such as Flexbox in the original page during import and converts them into auto-layout components in Figma.

How to enable Auto Layout

1. Select Advanced Import when importing.

2. Turn on the Enable Auto Layout option in the popup box.

3. This is the final result after the import.

This is an experimental feature

Enabling auto-layout may cause discrepancies in the arrangement of some elements compared to the original page, as Figma does not support all HTML layout features.