Familiarity with this section isn’t necessary for the use of Magic Patterns,
but we offer this information for those interested in the technical background
and for comprehensive security evaluations.
High-Level How Magic Patterns Works
1
User prompt
You begin by entering a text prompt describing the user interface you
envision. This could be as simple as “login page for an app” or as specific
as detailed descriptions of elements and their behavior.
2
Retrieve relevant context
Upon receiving your prompt, Magic Patterns retrieves the necessary context
from its extensive library of design elements and systems. This process
involves matching your description to the most appropriate UI components and
layout patterns.
3
Call relevant artificial intelligence model
The AI model is then engaged to interpret the prompt and context, generating
a UI design. The model has been trained on a wide array of UI patterns and
design principles, enabling it to produce high-quality, functional designs.
Customer data is not used to train or improve any models.
4
Show output
The final step is showing the output. The generated UI is rendered into a
visual preview for your review and can be exported to code or to Figma,
ready for implementation or further refinement.
Subprocessors
For comprehensive compliance information including SOC 2 reports, security policies, and more, visit our Trust Center.| Vendor | Nature and Purpose | Security and Supplemental Measures |
|---|---|---|
| Anthropic | Anthropic is an AI safety and research company | https://trust.anthropic.com/ |
| PostHog | PostHog provides analytics and product insights | https://posthog.com/docs/privacy |
| Sentry | Sentry provides application performance monitoring and error tracking | https://sentry.io/security/ |
| Cloudflare | Cloudflare provides content delivery and security infrastructure | https://www.cloudflare.com/trust-hub/ |
| MongoDB | MongoDB is a database provider | https://www.mongodb.com/products/capabilities/security |
| Render | Render is a platform-as-a-service (PaaS) used to host and run application services | https://render.com/security |
| Vercel | Vercel is a platform-as-a-service (PaaS) used for frontend hosting and deployments | https://vercel.com/security |
| Google Workspace | Google Workspace is used for business productivity and internal collaboration | https://workspace.google.com/security/ |
Security
Read about Magic Patterns’ security measures and how we protect your data.