Build a Landing Page

Watch how we use Magic Patterns to create designs.

Video Tutorials

Magic Patterns

Go from idea to app with our AI-powered design tool.

Welcome to Magic Patterns

Frequently Asked Questions about Magic Patterns

The best language to use when writing your prompt on Magic Patterns

Prompting Dos and Don'ts

Use presets to create your own saved custom theme or style.

Consistent Styles with Presets

Overview for Enterprises

Magic Patterns' security model includes many considerations and initiatives

Security

Acceptable Use Policy

Privacy Policy

Terms of Service

How to get started with the Magic Patterns API

API Product Overview

Creates a new design based on the provided prompt, design system, and styling preferences. Optionally, an image can be included in the request to influence the design.

Create a new design

Updates an existing design based on the provided prompt.

Update an existing design

Retrieves a specific generation by patternId, snapshotIndex, and generationId.

Retrieve a specific generation

Customer Showcase

Slack

Blog

Start designing

Talk to us

Export your designs to Figma, sync back and forth with Github, or download the code.

Overview

Generate designs and then export them to Figma.

Export to Figma

Generate designs and then sync them to Github.

Sync to Github

Use the Magic Patterns chat editor to iterate on designs with natural language.

How to edit a design

How to share Magic Patterns chats and projects

How to share

Projects in Magic Patterns are an infinite canvas, like Figma.

Getting started with projects

Getting around the Magic Patterns canvas.

Navigating

Start from scratch or import an existing design.

Create your first screen

References are a powerful way to add context to your prompts.

Using references

Link together screens and get an embeddable prototype.

Creating a prototype

Prompt templates in projects

How to share designs created in Magic Patterns projects

Sharing designs in projects

Get inspiration from any website, then edit with AI

Overview

Tips and Tricks

User Guides

Security & Legal

API

Video Tutorials

Build a Landing Page

Overview

Tips and Tricks

User Guides

Security & Legal

API

​Build a Landing Page

Build a Landing Page