A project has pages; each page is built from sections (top-level frames). The Pages panel manages pages; sections scope responsive layout and interactions.
Where: Left sidebar → Pages — Open the Pages panel
Key ideas
- Pages: Create, duplicate, and delete pages; each shows a thumbnail + name.
- Sections: Top-level frames that make up page content; they carry breakpoints and scope cascades.
Steps
- Open the Pages panel and create or select a page.
- Add sections (frames) to structure the page.
- Use Auto Layout on sections for responsive stacking.
Page operations
- Search/select pages.
- Create and name a page.
- Duplicate before a major variant.
- Delete only after checking homepage/navigation links and CMS roles.
- Use the Free canvas for drafts that are not normal publishable pages.
Section structure
Sections are top-level framed page regions. Use them to organize responsive layout, content hierarchy, reusable classes/components, and interaction scope—not as arbitrary wrappers around every element.
Website pages versus video scenes
Video projects label the list as Scenes and connect each composition to video format/timeline behavior. A website page and a video scene use related editor infrastructure but have different publishing and timing roles.
Tips
- Name pages/sections by purpose and keep top-level structure shallow.
- After duplicating a page, review unique metadata, links, CMS bindings, and form destinations.
Troubleshooting
A page cannot be selected as the homepage
Use a normal framed page; Free canvas/draft pages are not homepage candidates.