> ## 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.

# Creating your first screen

> Start from scratch or import an existing design

## From Scratch

**1. Click the 'Add New' Button**

![](https://mintcdn.com/magicpatterns/dyhr1UMzzXl3NtrZ/documentation/projects/images/navigation-bar.png?fit=max\&auto=format\&n=dyhr1UMzzXl3NtrZ\&q=85\&s=b64b967384ab1e3665bb28df437a14a7)

**2. Describe your screen in the prompt input**

Check out our [prompting guide](https://www.magicpatterns.com/docs/documentation/editor/how-to-prompt.md) for tips on how to write a good prompt or our [prompting templates](https://www.magicpatterns.com/docs/documentation/projects/prompt-templates) for example prompts.

**3. Click 'Generate'**

A new screen will be generated based on your prompt.

## From an existing non-Canvas design

If you have an existing design in Magic Patterns, you can use the import feature to convert it into a Canvas design.

* **List**: Select any existing design directly from your list of saved projects.

* **From URL**: Paste the URL of any Magic Patterns design to import it into the canvas.

![](https://mintcdn.com/magicpatterns/dyhr1UMzzXl3NtrZ/documentation/projects/images/import-list-vs-url.png?fit=max\&auto=format\&n=dyhr1UMzzXl3NtrZ\&q=85\&s=c7e5f78c2cf532c6268dd19e7769effc)


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