Creating a page
- In the Pages section of the left sidebar, click the + button
- Select New page to create a blank page
Renaming a page
Double-click a page name in the pages sidebar or on the flow editor canvas to rename it. Press Enter to confirm or Esc to cancel. Page names can contain any characters, including spaces and symbols. When you export a page, Subframe normalizes the name into a valid component name in the generated code.Duplicating a page
- Right-click a page or click
- Select Duplicate
Sorting pages
Use the sort control at the top of the Pages view to change how pages are ordered:- Group by flow — Pages organized under their flows (default)
- Recently edited — Most recently edited first
- Recently created — Most recently created first
- A-Z — Alphabetical by name
FAQ
How do I design page states?
How do I design page states?
For page states like loading, empty, and error states, we recommend creating a separate page for each state. You can easily duplicate the page for this. Organize the screens together with a flow and use annotations to describe how the screens are connected during handoff.