> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superdesign.dev/llms.txt
> Use this file to discover all available pages before exploring further.
# Basics
> Core actions to manage frames, navigate views, and collaborate on the canvas
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.
## 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.
## 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.
## 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.
## 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)
## 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.
## 7. Delete a Component
1. Select the frame
2. Click the **Delete** icon
This action is irreversible. The frame cannot be recovered once deleted.
## 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.
## 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.
## 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.
