# Component Variants

Generate multiple variants of any design - from individual components to complete landing pages - to explore different creative directions.

Generate multiple design variants to explore different creative directions

### How to create variants:

1. Select a component on the canvas
2. Click the Variant button in the component toolbar
3. Specify how many variants you want (2-4 recommended)
4. Optionally add a text prompt to guide the variants
5. You can also upload an image as a reference to guide the variant in both style and elements
6. The AI will generate different design interpretations

### Guiding your variants:

- •Text prompts: Describe style changes like "make it more modern" or "use warmer colors"
- •Image references: Upload a screenshot or design to guide both the visual style and element structure
- •Combined approach: Use both an image and text prompt for precise control

### Example use cases:

- • Explore different color schemes and styles
- • Try different layouts for the same content
- • Generate variations of landing page hero sections
- • Create A/B testing variants for dashboards or pages
- • Compare different design approaches side-by-side

### Using /commands in chat

You can now create variants directly from the chat using /commands. Simply type /variant in the chat to generate multiple design variations without ever leaving the conversation. Explore. Refine. Get to your vision faster.

### /commands - Create variants directly from chat

Introducing /commands in MagicPath. - YouTube

[Introducing /commands in MagicPath.](https://www.youtube.com/watch?v=lnXtPAMjNEc)