From the course: Designing Accessible Components In Figma
Unlock the full course today
Join today to access over 23,000 courses taught by industry experts.
Create accessible icons - Figma Tutorial
From the course: Designing Accessible Components In Figma
Create accessible icons
- [Instructor] Icons are a visual representation of an object or action using user interface design. Accessible icons usually come along with the text labels to ensure that the users immediately understand their purpose and meaning. But in some cases, icons can also be self-explanatory, especially when it comes to social media icons. In fact, you can design icons from scratch. But very common practice between designers is to reuse the Figma plugins, with the right existing icons libraries. And right now, I'm going to show you one of the plugins that we are going to work with. Make sure that you go to your personal dashboard, and instead of being right here in your personal space, you need to navigate to the community section. In the community, you have a bunch of different plugins, design system, visual assets, designed by different creators from all over the world. But right now, let's simply type in the name Feather Icons.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Style your components1m 50s
-
(Locked)
Create your first component in Figma4m 29s
-
(Locked)
Create accessible buttons8m 21s
-
(Locked)
Create accessible icons4m 26s
-
(Locked)
Accessible radio buttons and checkboxes9m 34s
-
(Locked)
Creating an accessible image card5m 32s
-
(Locked)
Challenge: Create accessible input fields1m 2s
-
(Locked)
Solution: Create accessible input fields5m 25s
-
-
-