Skip to main content
The canvas is where all your designs, components, and ideas live. These are the core actions you’ll use to manage frames, navigate views, and collaborate.

​
1. Duplicate a Component

  1. Select the frame you want to duplicate
  2. Click the Duplicate button in the left menu bar
  3. A copy of the frame is created on the canvas
Useful for iterating on variations without starting from scratch.
Duplicate a component

​
2. Change the View (Desktop / iPad / Mobile)

  1. Use the device switcher on the left side of the canvas
  2. Toggle between Desktop, Tablet, and Mobile views
This only changes how the frame is previewed—it doesn’t affect the design itself.
Change the view between Desktop, iPad, and Mobile

​
3. Rename a Component

  1. Click the frame name at the top of the canvas
  2. Edit the name directly
Clear naming helps when you’re working with many frames or referencing them in chat.
Rename a component

​
4. Refresh the Frame

Click the Refresh icon in the top toolbar. Use this if:
  • The frame isn’t loading
  • You see an error
  • Something looks out of sync
If something feels off, refresh is always the first step.
Refresh the frame

​
5. View in a New Tab

  1. Click Open in new tab
  2. The frame opens as a standalone page
You can:
  • View it in a real browser environment
  • Share the link with others (they’ll only see this frame, not the full project)
View in a new tab

​
6. @ Mention a Frame in Chat

  1. Use @ to mention a specific frame in chat
  2. The agent will know exactly which frame you’re referring to
This is especially helpful when you have many frames and want precise edits.
@ mention a frame in chat

​
7. Delete a Component

  1. Select the frame
  2. Click the Delete icon
This action is irreversible. The frame cannot be recovered once deleted.
Delete a component

​
8. Change the Project Name

  1. Click the project name at the top of the canvas
  2. Rename it directly
This updates the name for the entire project.
Change the project name

​
9. Hide a Frame

  1. Click the Layers icon next to the project name
  2. Find the frame you want to hide
  3. Click the eye icon
Hidden frames stay in the project but are removed from view.
Hide a frame

​
10. Share the Project

Project sharing gives access to the entire canvas, including:
  • Chat conversation history
  • Live preview
  • All frames and components
Sharing options include:
  • Public sharing — Share via link. Anyone with the link can view and clone.
  • Publish in community — Your project appears on the community homepage.
  • Publish as AI Designer (Pro only) — Share your style, prompt, and assets. Your team can reuse them as a design baseline.
Share the project