Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

How to Design a Leaderboard Icon in Figma | Custom Icon Design Tutorial (UI/UX Masterclass 2025)

137 views on YouTube

In this step-by-step Figma tutorial, we’ll design a Leaderboard Icon from scratch — using rectangles, corner radius adjustments, and the Pen Tool for smooth shapes.

In this video, you’ll learn how to:

Create custom icons using rectangles & pen tool
Adjust stroke width, roundness, and alignment precisely
Design symmetrical and pixel-perfect icons
Frame and align icons for consistent grid systems
Build a leaderboard icon with crown elements step by step

By the end of this lesson, you’ll be able to:
Design polished icons for dashboards and mobile apps
Use vector tools confidently in Figma
Organize and export icons for your UI design system

This video is part of the “Become a UI/UX Designer in 2025” Masterclass,
where we design an entire mobile app UI using Figma and AI-powered workflows.

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 #LeaderboardIcon #figmaicons #uidesign #uxdesign #designwithfigma #figmaforbeginners #uiuxmasterclass #learnfigma #figmatips #designsystem