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

# Get started with a design

> Generate your first design from a prompt, click through it, and explore new directions. No design experience needed.

In this guide you'll turn a plain-language prompt into a working design, click through it, and try a few variations. No design experience needed. You steer by saying what you like.

**1. Create a design**

Go to your [dashboard](https://www.magicpatterns.com/dashboard), click **Create**, and choose **Design**. A prompt box opens where your design starts.

![The Create menu on the Magic Patterns dashboard](https://cdn.magicpatterns.com/uploads/u7bZ2X4ASFzfCmDx7PZ2qt/dashboard-create.png)

> [!NOTE]
>
> Have a screenshot of something close to what you want? Attach it to your prompt. The models are good at recreating designs from images, and it gives the AI a strong starting point.

**2. Describe what you want**

Write your prompt like you'd brief a designer: what it is, who it's for, and the feel you're after. For example: *"A dashboard for a dog-walking business that shows today's walks, earnings this week, and a map of routes. Friendly and clean."* Then submit.

**3. Watch it build**

The agent reports its progress in the chat as it works. When it finishes, your design opens in Preview.

**4. Click through your design**

The preview is a working website, so buttons, tabs, and forms respond. If the AI made more than one page, open the **Screens** tab to see them all side by side.

![The Screens view in Magic Patterns showing all pages of a design at once](https://cdn.magicpatterns.com/uploads/fzxBmL3wf1yooi8DWjjkDk/Screens.png)

**5. Explore and refine**

Type `/Inspiration` in the chat to get four variations of your design to compare. To change one specific thing, turn on Select Mode (**⌥ + S**), click the element, and describe the change. Every prompt saves a new version, so you can always go back.

## Next steps

> [card] [How to Prompt](https://www.magicpatterns.com/docs/documentation/editor/how-to-prompt.md)
>
> Get closer on the first try with Select Mode, chat modes, and skills.

> [card] [Start from a template](https://www.magicpatterns.com/docs/documentation/editor/templates.md)
>
> Fork a design your team already saved instead of starting blank.

> [card] [Publish your design](https://www.magicpatterns.com/docs/documentation/publishing/publish-url.md)
>
> Share a live URL with your team or customers.


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