explore-ui-design

To explore UI visual designs, generate 3-4 distinct visual approaches covering layout, typography, color palettes, and component styling. This lets you quickly compare options, establish a preferred look and feel, and document the recommended approach for your design direction.

The best way to choose a color palette and typography is by generating multiple visual directions using your existing design tokens. You can compare these component treatments side-by-side, evaluate the rationale for each, and select the preferred path for implementation.

No, you cannot use this to generate UI code. The design exploration process focuses on converging on visual design direction for layouts and components by relying on existing design tokens, explicitly avoiding code generation, and instead documenting rationale and recommendations.

Yes, you need existing design tokens. The visual design exploration relies on your current design tokens to map layouts, typography, and color palettes to a design system, ensuring the generated options support fast decision making and remain consistent.

Design token mapping works by applying your current tokens to multiple distinct visual approaches for layout variants and component styling. This ensures each explored option aligns with your established design system while providing clear rationale for fast decision making.