Additional Boolean Variables - Seperate visibility of fills/strokes/effects

Forum|Forum|3 years ago
September 29, 2023
7 replies
1952 views

It would be great to be able to seperate the visibility objects beyond just the layer. To be able to associate a boolean variable to the visibility of;

Layer
Fill
Stroke
Effects

Would make it more effective when putting together a design system. This means that you could effectively determine that all buttons have outlines, or drop shadows or both right across the whole design.

See examples below.

Thoughts?

Share an idea

Aleks

New Participant

Good idea.

Pavel_Kiselev

Power Member

You can do it right away with layers though

Nik3

New Member

Yeah but it’s redundant. It would be way less data, if i give e.g. the button frame a specific border, filling ,radius (and the visibility of the border for example) all connected to variables. so that i only have to configure the stuff on the button frame not sublayers 🙂

Pavel_Kiselev

Power Member

All true, indeed. However if you need things done today layers to the rescue. Another thought is that you make button once and move on, not a big deal. If you want to optimize the process you can separate visual layer into reusable style components

The concept explained here → Making of true multi-brand design system | by Pavel Kiselev | UX Collective, check under “Component styles” section

And if you want to see some live examples I have community file for you → https://www.figma.com/community/file/1372632073691205444/source-ds-forms