## Introduction to the Canvas

Learn about common workflows and how to get the most out of the Canvas.

[Vibe designing on a canvas?! Canvas workflows with AI design tool Magic Patterns](https://www.youtube.com/watch?v=nB4FNx4hmLY)

Magic Patterns1.73K subscribers

## Canvas Features

The Canvas in Magic Patterns allows you to collaborate with your team in realtime. It meant for organizing designs on a single page, like a bird’s eye view of a product. You can:

1. [Navigate](/content/docs/documentation/projects/navigating/index.html) in realtime with your team.
2. [Import existing designs](/content/docs/documentation/projects/creating-new-screens/index.html)
3. [Connect screens together](/content/docs/documentation/projects/prototyping/index.html) and share the URL with customers or stakeholders.

An example demo canvas.

## How to Access the Canvas

There are two ways to access the Canvas:

1. **From an existing design:** Click the button next to the title in the top nav bar → select “Add to Canvas”
2. **From the dashboard:** Click the “Canvas” tab to see all your canvases

## Examples

- [Fintech app](/content/s/oQuqgAQcAWhAGQmcBAeUBX?page=0/index.html)
- [Twitter clone](/content/s/toUgQRYEjMnH2SMTSCyhuE?page=0/index.html)