Icons in the Figma design system
In this video, we'll talk about a useful technique: icon wrappers in your design system. I didn't come up with it myself, but I can still share it with you—it's a great tool, and it'll come in handy around the house :)
File for the exercise:
https://www.figma.com/community/file/...
Timecodes:
0:00 Introduction
0:43 Problem Description
1:40 Icon Wrapper
3:04 Automatic Notification Badge in an Icon
4:10 Icon Size Template in the Wrapper
5:24 Is the Outline in Icons a Mistake?
6:55 What's the Purpose of a Wrapper?
7:32 Component Variants
7:49 Replacing Icons, Adding Badges
9:14 Component Descriptions (Video Highlight!)
Support the author on Boosty:
https://boosty.to/aboevdesign
Find me on VK:
https://vk.com/aboevdesign