Creating your first pattern

To get started, visit, select your design system, and use the input box to generate UI. After the first generation, you can add iterations, edit the code (if you want), and export to code or Figma.

How to use my own component library?

To use your company’s design system, we have several integrations with Figma, Storybook, and GitHub. Please schedule a call to learn more. We are excited to meet you.

More about Magic Patterns: