This December, @Figma released new variables, including effect, border width, and opacity variables. Here's how we're adding these variable types to our design system!
*Please note this is the method we follow when building our Figma variable library. Every designer's approach is different.
Build a community profile + join the community: https://www.uicollective.co/
Resources: https://uicollective.co/designer-tool...
Design System Audits + more https://designsystemlabs.co/
Our Figma Plugin: https://www.figma.com/community/plugi...
0:00 An Introduction
0:28 Blur Variables
2:38 Spread Variables
4:59 Positioning Variables
8:51 Border Width Variables
9:52 Opacity Variables