How to Draw Custom Icons in Figma | UI/UX Masterclass 2025

In this step-by-step Figma icon-design tutorial, we’ll learn how to create pixel-perfect custom icons for our UI/UX Masterclass app project.
This is Day 5 of our series, where we go beyond basic shapes and start building polished navigation and decorative icons for a professional mobile app design.

In this video, you’ll learn how to:

Draw custom shapes like stars, circles, and unique UI elements from scratch
Use Pen Tool & Bend Tool to create smooth curved shapes
Adjust ratios, roundness, and strokes for a clean, modern look
Organize and align icons in a 32×32 px frame for consistency
Export your icons as SVG/vector files for real-world projects
This lesson is part of our “Become a UI/UX Designer in 2025” Masterclass, where we design a complete mobile app using Figma, AI-powered workflows, and industry best practices.

By the end of this lesson, you’ll be able to:
Design custom icons that elevate your UI quality and brand consistency
Build components that scale perfectly across devices
Speed up your workflow and create a polished design system

Watch the full course here to learn how to:

Build real-world UI/UX projects from start to finish
Master Figma, design systems & UX workflows
Deliver and present designs like a pro
Grow your portfolio and freelance career

Enroll in the full course:
https://www.udemy.com/course/complete-uiux-design-course-figma-ai-real-project/?referralCode=1AC2CAE903AE3CF207C9

Whether you’re a beginner, freelancer, or aspiring product designer, this tutorial will help you master custom icon creation in Figma and take your UI/UX design skills to the next level.

.
.
#Figma #UIUXDesign #IconDesign #FigmaTutorial #UIDesign #UXDesign #FigmaIcons #DesignWithFigma #UIUXMasterclass #FigmaForBeginners