Building Your Canvas with Assets
The canvas is your infinite workspace for organizing visual references, ideas, and creative direction. This is the Pre-Production phase of your project.
Adding assets
Drag and drop
- Drag files from your computer onto the canvas
- They appear where you drop them
- You can drag multiple files at once
Paste from clipboard
- Copy an image or URL
- Click on the canvas
- Press
Cmd/Ctrl + V
Add text
- Double-click anywhere on the canvas
- Type your text
- Click outside to finish editing
Arranging assets
Move assets
Click and drag any asset to reposition it on the canvas.
Resize assets
- Click an asset to select it
- Drag the corner handles to resize
- Hold Shift to maintain aspect ratio
Alignment guides
As you move assets, alignment guides appear to help you:
- Align with other assets
- Space items evenly
- Create clean layouts
Organizing your canvas
Group assets
Select multiple assets and group them to move together:
- Click and drag to select multiple assets
- Right-click and choose Group (or press
Cmd/Ctrl + G) - The group moves as one unit
To ungroup, select the group and press Cmd/Ctrl + Shift + G.
Layer order
Control which assets appear in front:
- Bring to front: Right-click → Bring to Front
- Send to back: Right-click → Send to Back
Zoom and pan
- Zoom: Scroll or pinch to zoom in/out
- Pan: Hold Space and drag, or use two fingers
Working with different asset types
| Asset | How to add | Best for |
|---|---|---|
| Images | Drag files or paste URLs | Visual references, mood boards |
| Text | Double-click canvas | Notes, descriptions, labels |
| Groups | Select multiple → Group | Organizing related items |
Sharing your work
Once you've created assets you're proud of, you can share them publicly:
- Click an asset to open the asset editor
- Click Share in the top-right corner
- Choose "Public access" to create a shareable link
- Copy and share on social media or with your network
Public shares create beautiful standalone pages that showcase your work and help others discover Mito.
Tips for effective canvases
- Organize by section: Group related references together
- Use text labels: Add context to your images
- Leave space: Don't overcrowd—use the infinite canvas
- Name your groups: Makes it easier to find things later
- Create shareable assets: Polish your best work for public sharing
Collaboration
When working with teammates:
- You can see where others are working (live cursors)
- Changes sync in real-time
- Use text notes to leave comments for your team
Troubleshooting
Asset doesn't appear after dropping
- Wait a moment—large files may take time
- Try refreshing the page
- Check your internet connection
Can't move or resize an asset
- Make sure the asset is selected (click it)
- If it's in a group, you may need to select the group
- Try clicking elsewhere first, then selecting again
Next steps
- Sharing assets to showcase your work publicly
- Grouping assets
- Alignment tools
- Move to Storyboard when your references are ready