Home

Libraries

You can now create reusable libraries accessible from anywhere in MagicPath. Finally, a single source of truth for your coded design system.

You can turn an individual design into a component inside of a library, or convert a whole file into a library. Teams can now share libraries across their org to use in projects.

Libraries preview

Reference any design with @mentions

Type @ to pull in an existing design like a nav bar or card, and reuse it in your next prompt. You can mention up to 4 designs per prompt.

Tip: generate small, composable UI pieces using terms like "component" or "element," then reuse them by mentioning them in your prompt.

Reference any design with @mentions preview

The Community is now open!

Check out some of the top files and components from people using MagicPath, and some from our team.

The Community is now open! preview

Get to know your new AI collaborator.

We created a launch video to show you all about what you can do in MagicPath, give it a watch and learn the basics!

Get to know your new AI collaborator. preview

Say hello to typography in MagicPath.

Google fonts are now supported in edit mode, with multiple weights.

Say hello to typography in MagicPath. preview

Contra challenge winners

Explore MagicPath for

Landing pages

Beautiful websites that captivate.

Application screenshot

Dashboards

Fully editable data-ready interfaces.

Application screenshot

Cards

Make little widgets and data cards.

Application screenshot

Apps

Create real, interactive applications.

Application screenshot