Generate Component Variants

Given an existing frame or component, produce a set of visual variants (e.g. sizes, color themes, states) by cloning and mutating it. Arrange the variants in a tidy grid for review.

Input

Ask the user:

• Source node ID (the base component or frame to clone)
• What variants to generate, one or more of: a) Sizes: Small, Medium, Large (scale width/height, adjust font size and padding) b) Color themes: e.g. Primary, Secondary, Danger, Success, Warning c) States: Default, Hover, Pressed, Disabled, Loading d) Dark mode: duplicate with inverted background/text colors
• Arrange output on same page or new frame? (default: new container frame)

Steps