← All features VARIANTS

Build related states together.

States are easier to compare when their differences are explicit. Ask for the matrix up front and Genable can create the related components, combine them, and expose named properties in the same canvas workflow.

AN EXAMPLE BRIEF

Create a notification card set with Tone=Info|Success|Warning and Density=Comfortable|Compact. Keep the content structure consistent, expose a dismiss Boolean, and use the existing semantic color variables.

WHAT THE AGENT CAN DO
  • Create related components from one variant brief
  • Combine components into a variant set
  • Add named variant and component properties
  • Keep shared structure visible across states
  • Inspect the set and revise individual states in context
GOOD FIT

Component states, sizes, densities, tones, and other related forms that benefit from a visible matrix.

Try it → See design system →