Actual demo starts at 0:52 :) Note about spacer variables: the plugin doesn't include 0.5, 1.5, 2.5, and 3.5 values because variables don't support decimals.
Hi Masha, I'm playing a bit with your plugin because I'd like to implement some features to it. But I am stuck with a problem. The changes I make within visual studio code, don't take effect inside the plugin. For example if a change a variable value from 0 to 50 in visual studio code, inside the plugin I still see 0 even if I run again the plugin (in code.js since I ran npm build watch the changes are there). How can I fix this? Anything I am doing wrong?
hi Francesco! if i understand correctly, it doesn't display inside the plugin ui? that could be because the value also has to be updated in ui.html (all variable sets are duplicated in two places currently, def not ideal)
hey! Noted :) Couple resources that could be helpful: spectrum design system (spectrum.adobe.com/page/design-tokens/) and Refactoring UI book (www.refactoringui.com/). Also I made a while ago on color styles: ua-cam.com/video/2qySbmtD8Oo/v-deo.htmlsi=u59Hk2eqZdPBtEqs While it shows Figma's styles instead of variables (variables didn't exist back then), the principles for creating color scales and naming are the same
Actual demo starts at 0:52 :)
Note about spacer variables: the plugin doesn't include 0.5, 1.5, 2.5, and 3.5 values because variables don't support decimals.
That's a actually cool, especaily for those who are using free Figma version and don't have the library feature. Great content as always, Thanks!
thank you :)
❤ Thank you.
Very helpful as always:)
thank you 💛
Hi Masha, I'm playing a bit with your plugin because I'd like to implement some features to it. But I am stuck with a problem. The changes I make within visual studio code, don't take effect inside the plugin. For example if a change a variable value from 0 to 50 in visual studio code, inside the plugin I still see 0 even if I run again the plugin (in code.js since I ran npm build watch the changes are there). How can I fix this? Anything I am doing wrong?
hi Francesco! if i understand correctly, it doesn't display inside the plugin ui?
that could be because the value also has to be updated in ui.html (all variable sets are duplicated in two places currently, def not ideal)
awesome👌✨
thank you 🙌
Nice
thank you!
🐞UPDATE: Fixed the bug (2:41), where the plugin gets stuck if you attempt to add a set that already exists in a collection.
Please make a video on style tokens and how names are given to tokens.
hey! Noted :)
Couple resources that could be helpful: spectrum design system (spectrum.adobe.com/page/design-tokens/) and Refactoring UI book (www.refactoringui.com/).
Also I made a while ago on color styles: ua-cam.com/video/2qySbmtD8Oo/v-deo.htmlsi=u59Hk2eqZdPBtEqs While it shows Figma's styles instead of variables (variables didn't exist back then), the principles for creating color scales and naming are the same
Plz ,can you do an icon badge animation tutorial?
Would you mind sharing an example of what you’re looking for? So I have a better idea :)
Like during online shopping, when I add items to the cart,how the number on the top of the cart shows an increase or decrease.