Figma UI Design Complete Course in Urdu (Tutorials Town)
- Course audio
- Course audio: Urdu
- Level
- Beginner
- Length
- 33 lessons · 12.8 hours
What you'll be able to do
- Plan a product with user flows and wireframes
- Apply core UI design rules for colour, type and spacing
- Build a small design system and website layout in Figma
- Turn designs into interactive prototypes
About this course
A long Figma course in Urdu/Hindi, 33 classes and about 13 hours, that teaches design process as well as the tool. It opens with UI versus UX, Figma versus XD, setup and the interface, then the product design process, golden rules of UI design and planning flows in FigJam. Hands-on classes cover vector shapes, fills and libraries, colour, typography, frames, wireframing, auto layout, plugins and components, then a low-fidelity website with a design system, hero, content and footer, linking and advanced prototypes. Later videos add UI3 features, variables, newer effects and Figma Make. Good for Pakistani beginners aiming at UI design freelancing.
Syllabus
33 lessons · 12:46:13 in total
- 1A Beginner's Guide to Designing in Figma | Class 01 | Urdu / Hindi5:55
- 2UI vs. UX: Understanding the Difference | Class 02 | Urdu / Hindi8:21
- 3Figma vs. XD: Which is the Best Design Tool for You? | Class 03 | Urdu / Hindi6:39
- 4Getting Started with Figma: Download, Install, and Account Setup | Class 04 | Urdu / Hindi8:56
- 5Mastering Figma: Interface, Tools, and Project Setup | Class 05 | Urdu / Hindi24:26
- 6Secrets of Product Design Process | Class 06 | Urdu / Hindi23:53
- 7Mastering UI Design: Golden Rules and Essential Principles | Class 07 | Urdu / Hindi30:48
- 8Planning a UI Project: Creating Web & App Flowcharts with FigJam | Class 08 | Urdu / Hindi30:38
- 9Mastering Vector Shapes in Figma: The Complete Guide | Class 09 | Urdu / Hindi35:07
- 10Supercharge Fill & Stroke and Save Time with Libraries in Figma | # 10 | Urdu / Hindi18:19
- 11Find the Perfect Colors for UI Design in Figma | # 11 | Urdu / Hindi11:41
- 12Figma's Advanced Typography : A Step-by-Step Guide | # 12 | Urdu / Hindi26:48
- 13Frames & Groups: Your Key to Creating Complex UI Designs | #13 | Urdu / Hindi13:03
- 14Wireframing Essentials in Figma | # 14 | Urdu / Hindi37:30
- 15Master Auto Layout in Figma and Create Stunning Designs | # 15 | Urdu / Hindi33:19
- 16Supercharge Your Figma Workflow with Plugins | #16 | Urdu/Hindi18:30
- 17Figma Components - The Ultimate Guide | # 17 | Urdu / Hindi21:35
- 18Design and Prototype Buttons with Auto Layout & Components | # 18 | Urdu / Hindi25:18
- 19Creating Design system & Hero section with Figma | Low-fi to Hi-fi Prototype | #19 | Urdu / Hindi40:04
- 20Content Area, Footer, and Blog Design in Figma | Low-fi to Hi-fi Prototype | #20 | Urdu / Hindi18:49
- 21Mastering Basic Linking and Prototyping in Figma | #21 | Urdu / Hindi31:01
- 22From Static to Magic: Level Up Your Figma Prototypes | #22 | Urdu / Hindi34:53
- 23Level Up Your Figma Buttons: Master Advanced Hover Animations! | #23 | Urdu / Hindi23:45
- 24Figma Components Power: Build Dynamic Decks with Booleans & Swaps! | #24 | Urdu / Hindi17:22
- 25Collaborate in Figma : Learn to Share & Comment on Your Designs | #25 | Urdu / Hindi19:50
- 26Essential Figma Tricks Every UI Designer Needs to Know | #26 | Urdu / Hindi27:50
- 27Exploring Figma UI3: Top New Features You Need to Know! | #27 | Urdu / Hindi25:09
- 28Figma Layout Grid Trick Changed My Design Game Forever | Class 2820:40
- 29What Figma Experts WON'T Tell You About Variables in 202535:59
- 30I Mastered Glass Effect and 3 New Effects You Need to Try9:51
What to take next
Videos by Tutorials Town, played from their official YouTube channel. Subscribe on YouTube
Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.
Lessons listed from the official YouTube playlist. Full playlist on YouTube
Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.
Report a problem or a rights request