Icons and Avatars
Add to favorites
Create an icon and avatar library, organize assets and use icon sets and plugins like SF Symbols and Unsplash for the sidebar design
In modern design, icons play a vital role in conveying both function and emotion. They are widely used in UI design, branding, and marketing materials to create a consistent user experience and add visual interest. This tutorial covers creating an icon and avatar library, as well as organizing assets for a streamlined workflow. You will receive step-by-step instructions for using various icon sets and plugins such as SF Symbols and Unsplash. Additionally, you will learn how to apply these icons to the sidebar design.
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
1
UI Design for Web and Desktop
Learn UI design for web and desktop apps covering patterns, colors, typography, components, auto layout, design system and Midjourney
3:14
2
UI Patterns and Wireframing
A guide on UI patterns, wireframing, and iOS design guidelines for creating web app designs using Figma
7:20
3
Colors and Gradients
Learn about using colors including the color wheel, neutral tones, gradients and the Stark plugin to verify contrast ratios
9:07
4
Fonts and Text Styles
Learn about the importance of typography in app design and how to create buttons with auto layout while maintaining consistent font styles
7:24
5
Icons and Avatars
Create an icon and avatar library, organize assets and use icon sets and plugins like SF Symbols and Unsplash for the sidebar design
6:48
6
AI Images with Midjourney
How to use Midjourney to generate images as placeholders for your designs
10:25
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Akson Phomhome
UI Designer
Designer at Design+Code.
6 courses - 24 hours
Web App Design using Midjourney and Figma
Get UI inspirations from Midjourney and learn UI design, colors, typography as a beginner in Figma
1 hrs
UI Design for iOS 16 in Sketch
A complete guide to designing for iOS 16 with videos, examples and design files
3 hrs
UI Design Android Apps in Figma
Design Android application UIs from scratch using various tricks and techniques in Figma
2 hrs
UI Design Smart Home App in Figma
Design a Smart Home app from scratch using various tricks and techniques in Figma
2 hrs
UI Design Quick Apps in Figma
Design application UIs from scratch using various tricks and techniques in Figma
12 hrs
Figma Handbook
A comprehensive guide to the best tips and tricks in Figma
4 hrs
