Hi everyone,While working on a design system today, I had an idea that I think could be a valuable addition to Figma—especially when it comes to building out basic UI components.It would be incredibly helpful if, after creating just a single base component (like a primary button), we could use AI to automatically generate the full set of common variants based on that one example. For instance: States like hover, focus, and disabled Versions with or without leading/trailing icons Alternate styles like secondary or ghost buttons Of course, this might be harder to apply to more complex components, but for foundational elements like buttons, input fields, tags, or chips, it feels like it could save a lot of repetitive work.I’m sure there’s more to consider technically, but I wanted to put the idea out there—maybe it’s something worth exploring as a potential feature.Thanks for reading, and I’d love to hear what others think!

New Member

Question

AI-Powered Variant Generation for Components

Forum|Forum|1 year ago
July 4, 2025
4 replies
408 views

Hi everyone,

While working on a design system today, I had an idea that I think could be a valuable addition to Figma—especially when it comes to building out basic UI components.

It would be incredibly helpful if, after creating just a single base component (like a primary button), we could use AI to automatically generate the full set of common variants based on that one example. For instance:

States like hover, focus, and disabled
Versions with or without leading/trailing icons
Alternate styles like secondary or ghost buttons

Of course, this might be harder to apply to more complex components, but for foundational elements like buttons, input fields, tags, or chips, it feels like it could save a lot of repetitive work.

I’m sure there’s more to consider technically, but I wanted to put the idea out there—maybe it’s something worth exploring as a potential feature.

Thanks for reading, and I’d love to hear what others think!