Propstar for Figma

This is so useful — was just doing this by hand the other day. Thanks @gusso!

Hi, hello! I'm Gusso, I work with design tooling at Wise, where we're constantly trying to make sure our designers are not spending time doing things that a robot could do better. When Figma released component properties in May, I saw many design system maintainers on Twitter concerned that many of the possible instances weren't going to be visible in the canvas anymore. This could lead to uncaught layout bugs because we no longer have a bird's-eye view of the component. We had the same concern, so this felt like the time to create Propstar. The goal was to create a plugin that tackled most of our organisation problems with components: ⬥ Generating every possible permutation ⬥ Creating labels for every property value ⬥ Aligning variants on our component sets ⬥ Running with one command, no config needed For Propstar to be easily understood and hopefully feel a little bit magical, it needed to do the heavy lifting on decision-making. Distributing properties across both axes, deciding which labels to show, which styles to use, those are all things I aimed to be as wide-encompassing as possible so we could get away for something like this to have no settings and be useful in many systems. I did just release our first customisation, a way to create a standalone instance table next to your main component, as well as keeping the option to embed it in your main component. This was in the form of a new menu command, so you can still rerun Propstar across many components using the ⌥⌘P shortcut and keep it easy to use. We definitely want to keep evolving this to be useful in many situations, so please let me know how you are using it and what you like for Propstar to be able to do next. I'm currently looking into how I can solve 2 of the most requested features so far: sorting and optionally excluding boolean properties. Thank you @chrismessina for hunting this, @millonestarde for all the help in shaping it, and Dan (https://twitter.com/mancdan) for baptising it.

This looks pretty useful, @gusso! It can be very helpful for the design system team while we are working on rebranding and DS UI. Is there any possibility of a control mechanism for a specific component? For example, I would like to exclude or hide some variants of some components when needed.

J'adore. Great work, so helpful.

Such a great plugin and honestly a must have if you do anything design systems related. Ive been using it since I discovered it and I can never go back!

AWESOME✨

this is super helpful @gusso! would love for an option to show the label of the variant in the same way property labels are displayed. e.g. - “State: Hover”.