Welcome to Magic Patterns
Go from idea to app with our AI-powered design tool.
How to use Magic Patterns
Generating your first design
To get started, visit www.magicpatterns.com and click “Get Started.” After the first generation, you can rapidly iterate in our chat editor. When you’re done, you can share the link with your colleagues, copy the code, export to Figma, or add it to a Magic Patterns project.
Using projects
Projects are our version of an infinite canvas, like Figma. Within a project, you can have many designs and use referencing to generate new designs using as a reference as a starting point or prototyping to link screens together.
You can add a design to a project by clicking on the three dots in the menu bar and then ‘Add to Project’.
Read more about Projects here.
Learn more
Projects
Explore Magic Patterns’ projects and how your team can use them for rapid iteration.
Prompting Guide
Read our guide on how to get the best results from Magic Patterns.
Export to Figma
Export your designs to Figma with our plugin.
Chrome Extension
Use our Chrome Extension to convert any website into a React code and then edit with AI.
Was this page helpful?