Add and organize screens
Name, duplicate, resize, and organize the screens in a Studio design.
Last updated 23 September 2026
Use Screens in the left sidebar to manage the design’s screens. Selecting a screen brings it into view on the canvas.
Manage the screen list
Choose the plus beside Screens to add a named screen, or ask the Agent to create several screens.
Use a screen’s menu to Rename or Duplicate it.
Use Move up or Move down to change the screen-list order.
Archive screens you want to keep out of the active design. Find them in Archived and restore them when needed.
Arrange and resize on the canvas
Drag a screen’s title to move its artboard. Arrange reapplies the automatic layout. Moving artboards changes your local arrangement, not the screen order or the app you will implement.
Select an artboard to show resize handles. Drag a handle and release to save its new viewport dimensions. The frame moves while you drag; the screen reflows after the resize saves. Width can be 240–3840 pixels and height 240–4096 pixels. Resizing changes the saved design size; zoom only changes your view.
Refresh a preview
An older image can stay visible while an updated preview renders. Use Screens → Screen actions → Refresh previews if a preview is stale or failed. Archived screens keep their files and are excluded from the active overview and normal implementation handoff.