Summary
Keywords
Full Transcript
In this step-by-step Figma tutorial, we’ll design the Saved (Bookmark) and Profile (User) icons — two essential navigation icons found in every modern app. We’ll use simple shapes like rectangles, ellipses, and the Pen Tool to build clean, professional icons that fit perfectly into a 32×32 px grid system. This is part of our UI/UX Masterclass 2025, where we design a complete mobile app interface and icon system using Figma and real-world workflows. 🎨 In this video, you’ll learn how to: Create saved/bookmark and profile icons from scratch Use Boolean operations (Subtract, Union) for custom shapes Apply pixel-perfect roundness and corner radii Frame, align, and label icons for a clean navigation bar Organize icons with auto layout and naming conventions By the end of this lesson, you’ll be able to: Design functional and consistent icons for any UI project Build scalable components for your design system Improve your Figma icon workflow and efficiency This tutorial is part of our “Become a UI/UX Designer in 2025” Masterclass, where we create real-world app designs using Figma, AI tools, and professional UX design practices. Enroll in the Full Course on Udemy: https://www.udemy.com/course/complete-uiux-design-course-figma-ai-real-project/?referralCode=1AC2CAE903AE3CF207C9 #figma #uiuxdesign #icondesign #figmatutorial #ProfileIcon #SavedIcon #uidesign #uxdesign #figmaicons #designwithfigma #UIUXMasterclass #learnfigma #figmaforbeginners #figmatips #designsystem #Figma2025 #WellduxDesign
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
