Sections in Hana

Sections are containers for organising your canvas. Use them to group related frames — a set of screens for one flow, all the states of a component, everything still in progress — so a large file stays readable.

A section is a labelled box you draw around your work. Move the section and its contents move with it.

---

Creating a section

The Section tool sits in the toolbar, in the same dropdown as Frame:

1. Click the frame icon in the toolbar and choose Section — or just press S.
2. Drag on the canvas to draw it.

New sections are named Section 1, Section 2 and so on. Double-click the label above the section to rename it.

---

Working with sections

• Drag objects in and out. Dropping a frame or object inside a section makes it a child; dragging it out removes it.
• Move and resize as one. Moving a section moves everything inside it. Deleting a section deletes its contents too.
• They don't clip. Unlike frames, a section never hides content that extends past its edges — it's there to group things, not to crop them.
• Find them in the layers tree. Sections appear alongside your frames with a dotted-square icon.

Appearance

Select a section and the inspector shows Transform, Shape, Fill, Stroke and Export. Change the fill to colour-code areas of a large canvas — the label pill above the section picks up the fill colour, so the grouping stays readable at a distance.

---

What sections don't do

Sections are deliberately simpler than frames. A section is not:

• A presentable screen. Sections have no play button and can't be presented in Play mode — frames are what you present.
• A component. You can't turn a section into a component.
• An auto-layout container. Auto-layout applies to frames, not sections.
• A prompt target. AI prompts work on a frame, so point them at the frames inside a section rather than the section itself.

Sections do export exactly like frames, so grouping your work doesn't change what you can get out of it. See Exporting in Hana.