Magic Patterns home page
Search...
⌘K
Ask AI
Talk to us
Start designing
Start designing
Search...
Navigation
Libraries
Components
Documentation
Case Studies
Community
YouTube
Overview
Welcome to Magic Patterns
FAQ
Changelog
Tips and Tricks
Prompting Dos and Don'ts
Presets - Consistent Styles
Troubleshooting
Features
Designs
Canvas
Libraries
Overview
Creating a Library
Components
Detach Components
Team Collaboration
Integrations
Import Existing
Exports
Integrations
Learn: Magic Patterns University
AI Prototyping like a Pro
Build a Landing Page (16 mins)
Build an Existing Design (6 mins)
How to Use (11 mins)
Building Prototypes (12 mins)
Security & Legal
Legal
Security
API
Endpoints
On this page
Creating a New Component
Editing Components directly
Using Components in Existing designs
Libraries
Components
Use custom components in your designs
Creating a New Component
Just like how you’d create a normal design in Magic Patterns, you can prompt your component to life via plain text or with images.
We recommend being specific and using screenshots as references when possible for the best results.
Editing Components directly
Once you’ve created a component, you can make updates and publish new versions.
Using Components in Existing designs
You can also freely use components in other designs not connected to a Preset by referencing them in your prompt.
If you type
@
, this will also trigger the Components selector to come up.
Was this page helpful?
Yes
No
Creating a Library
Detach Components
Assistant
Responses are generated using AI and may contain mistakes.