Icon Variables + more! | Master Figma Icons
20.3K views · 2024-04-15
UI Design
Build your own icon variable library, create custom icons, swap icon properties, and more! This is the Figma icon lesson you've been asking for.
Build a community profile + join the community: https://www.uicollective.co/
NEW - Purchase our official design system: https://collectivekit.co/
My favourite icon libraries
https://iconists.co/central?aff=bdzGd
https://pikaicons.lemonsqueezy.com?aff=bdzGd
----
Videos to help further explain token/variable organization
Guide to naming + setup: https://youtu.be/WATzIK0Ai8I
Build a variable library: https://youtu.be/VoSo2__hN-A
---
0:32 Icon Variables
7:16 Icon Tips & Tricks
11:52 Working with Unions
15:05 Icon Properties
Build a community profile + join the community: https://www.uicollective.co/
NEW - Purchase our official design system: https://collectivekit.co/
My favourite icon libraries
https://iconists.co/central?aff=bdzGd
https://pikaicons.lemonsqueezy.com?aff=bdzGd
----
Videos to help further explain token/variable organization
Guide to naming + setup: https://youtu.be/WATzIK0Ai8I
Build a variable library: https://youtu.be/VoSo2__hN-A
---
0:32 Icon Variables
7:16 Icon Tips & Tricks
11:52 Working with Unions
15:05 Icon Properties