How to create a counter using local variables in Figma | Tutorial
86K views · 2023-08-31
UI Design
In this Figma Tutorial I'll show you how design a dynamic counter using variables! In this video, I'll guide you through the process of creating an engaging counter design in Figma, utilizing the power of variables and conditionals to add flexibility and interactivity to your projects. Whether you're new to Figma or looking to expand your design skill set, this tutorial is tailored to meet your needs.
👉 Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182947
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
🎶 https://www.epidemicsound.com/referral/am81qn/ — best service for royalty free music, use the link to get 30 days for free.
📝 Timecode:
00:00 — intro
00:18 — how to design a counter
03:32 — how to create components
06:40 — how to use variables
08:15 — adding variables to prototype
10:04 — how to use conditionals
11:20 — result
-----
#figma #figmatutorial #figmatips #webdesign #uxui
👉 Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182947
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
🎶 https://www.epidemicsound.com/referral/am81qn/ — best service for royalty free music, use the link to get 30 days for free.
📝 Timecode:
00:00 — intro
00:18 — how to design a counter
03:32 — how to create components
06:40 — how to use variables
08:15 — adding variables to prototype
10:04 — how to use conditionals
11:20 — result
-----
#figma #figmatutorial #figmatips #webdesign #uxui