> ## Documentation Index
> Fetch the complete documentation index at: https://www.magicpatterns.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Using the Canvas

> Use the Canvas to organize your designs

## Introduction to the Canvas

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

[Introduction to the Canvas](https://www.youtube.com/embed/nB4FNx4hmLY)

## 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](https://www.magicpatterns.com/docs/documentation/projects/navigating) in realtime with your team, with [live cursors and shared selections](https://www.magicpatterns.com/docs/documentation/collaboration/live-multiplayer.md).

2. [Import existing designs](https://www.magicpatterns.com/docs/documentation/projects/creating-new-screens)

3. [Connect screens together](https://www.magicpatterns.com/docs/documentation/projects/prototyping) and share the URL with customers or stakeholders.

![](https://cdn.magicpatterns.com/uploads/dZ35s4dJKwZo7pNEeb13vN/canvas-designs.png)

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"

   ![](https://cdn.magicpatterns.com/uploads/vyDLZZLqAPxXGRPytQDmnx/add-to-canvas-menu-in-editor.png)

2. **From the dashboard:** Click the "Canvas" tab to see all your canvases

   ![](https://cdn.magicpatterns.com/uploads/nFTRZmo8tDYmY5TB1uhSjH/new-canvas-in-dash.png)

## Examples

* [Fintech app](https://www.magicpatterns.com/s/oQuqgAQcAWhAGQmcBAeUBX?page=0)
* [Twitter clone](https://www.magicpatterns.com/s/toUgQRYEjMnH2SMTSCyhuE?page=0)

## Read More

> [card] [Navigating the Canvas](https://www.magicpatterns.com/docs/documentation/projects/navigating)
>
> Learn how to navigate the canvas with your team.

> [card] [Creating a New Screen](https://www.magicpatterns.com/docs/documentation/projects/creating-new-screens)
>
> Learn how to create a new screen in the canvas.

> [card] [Live Multiplayer](https://www.magicpatterns.com/docs/documentation/collaboration/live-multiplayer.md)
>
> See how live cursors and shared selections work on the canvas.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.