Advanced Features
Component Variants
Component Variants
Generate multiple variants of any design - from individual components to complete landing pages - to explore different creative directions.
How to create variants:
- Select a component on the canvas
- Click the Variant button in the component toolbar
- Specify how many variants you want (2-4 recommended)
- Optionally add a text prompt to guide the variants
- You can also upload an image as a reference to guide the variant in both style and elements
- 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.