Skip to main content
Solved

How to view/expose all variants of a component?

  • January 26, 2023
  • 6 replies
  • 3069 views
Erica_Gregor

I’ve seen components laid out in very different ways on other Figma files but haven’t figured out how to mimic that behaviour.

For instance, in the Ant Design UI library, they are able to show all variants of a components with their respective property labels like this:

image

But when I try to create all of these components myself, I only have the main dashed purple border, no labels or grid-based organization.

I know the extra purple UI in the first screenshot is a native Figma feature since those elements are not in the layers pane. How can I get my components to show up like the screenshot?

Thanks!

Best answer by dennsi

Maybe this plugin fits your needs:
https://www.figma.com/community/plugin/1047796251364453654

View original
This topic has been closed for comments

6 replies

tank666
  • tank666
  • 4863 replies
  • January 26, 2023

These are the most common objects on the canvas (text and frames with a stroke). Therefore, just create them.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Erica_Gregor

Manually create these labels for every single component in a massive design system = hours of time

Use the figma native feature = 0 hours

I think it is obvious why I prefer to find out how to get figma to do this versus creating it myself 🙂

tank666
  • tank666
  • 4863 replies
  • January 27, 2023

There is no such native feature. Please open this file again and take a close look at the layers panel.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
dennsi
  • dennsi
  • Active Member
  • 256 replies
  • Answer
  • January 27, 2023

Maybe this plugin fits your needs:
https://www.figma.com/community/plugin/1047796251364453654

M
Oleh_Shvedetsky
A
3 people like this
  • M
    Marlene_Lopez
  • Oleh_Shvedetsky
    Oleh_Shvedetsky
  • A
    Andreas4
Erica_Gregor

Yes this is exactly what I was looking for, thank you!

dennsi
1 person likes this
  • dennsi
    dennsi
A
  • Anonymous
  • 0 replies
  • February 26, 2023

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings