Skip to content
First 20 students get 50% discount.
Login/Register
Call: +252612884120
Email: info@haldooracademy.com
Haldoor AcademyHaldoor Academy
  • Category
    • AI
    • Animation
    • Art & Design
    • Branding
    • Business
    • Color Grading
    • Color Theory
    • Design
    • Design Tools
    • Development
  • Home
  • About
  • Courses
  • Contact
  • Blog
0

Currently Empty: $ 0.00

Continue shopping

Try for free
Haldoor AcademyHaldoor Academy
  • Home
  • About
  • Courses
  • Contact
  • Blog
  • Home
  • Course
  • Figma UI/UX Mastery — Learn by Designing Real Products

Figma UI/UX Mastery — Learn by Designing Real Products

  • By haldoorgfx
  • Art & Design
  • (0 Rating)
Breadcrumb Abstract Shape
Breadcrumb Abstract Shape
Breadcrumb Abstract Shape
  • Course Info
  • Instructor
  • Reviews
  • More
    • Unlock the full potential of Figma with this hands-on, beginner-to-advanced course designed to take you through the most essential aspects of UI/UX design. Learn to create interactive, responsive, and visually appealing interfaces with Figma, the industry-standard design tool. From foundational concepts to advanced prototyping and collaboration techniques, this course equips you with the skills to bring your design ideas to life. Whether you’re aiming to start a career in design, sharpen your skills, or streamline your creative process, this course offers everything you need to get there.

      Course Benefits

      By the end of this course, you’ll have built a comprehensive UI project, documented as a case study, and prepared to showcase your skills in a professional portfolio.

      Show More
      What Will You Learn?
      • Figma Fundamentals: Setting up projects, navigating the interface, and understanding design layers.
      • Design Essentials: Working with frames, shapes, color, text, grids, and responsive layouts.
      • Components and Variants: Creating reusable design elements for efficiency and consistency.
      • Prototyping and Interactivity: Adding interactions, animations, and navigation for dynamic prototypes.
      • Collaboration and Handoff: Sharing files, receiving feedback, and preparing designs for developers.
      • Real-World Project Skills: Applying your knowledge to a complete, portfolio-ready UI design project.

      Material Includes

      • Video Lessons: Comprehensive and structured video tutorials for each topic.
      • Downloadable Resources: Figma files, templates, and assets for practice.
      • Assignments and Projects: Practical exercises and a capstone project to apply skills.
      • Support and Feedback: Access to a community or feedback forum (optional, if available).

      Requirements

      • Software: Figma (free or professional version).
      • Basic Skills: A basic understanding of design concepts is helpful but not required.
      • Device: A computer with internet access to use Figma’s cloud-based platform.
      • Motivation: A desire to learn and a creative mindset.

      Audience

      • Beginners to Intermediate Designers: Those new to UI/UX design or looking to solidify their skills.
      • Aspiring UI/UX Designers: Anyone interested in starting a career in design.
      • Product Designers: Professionals who want to transition into digital product design.
      • Web and App Developers: Developers who want to understand the design process for better collaboration with designers.
      • Creative Freelancers: Freelancers wanting to add Figma to their skill set for enhanced project opportunities.

      Course Content

      Module 1: Getting Started with Figma (Beginner Friendly)
      Only for new users. Intermediates can skip this section.

      • Welcome & Course Overview
      • What is Figma and Why Designers Use It
      • Setting Up a Figma Account
      • Exploring the Figma Interface (Workspace, Tools, Panels)
      • Understanding Layers, Frames, and Groups
      • Basic Tools: Text, Shapes, Colors
      • Mini Task: Create a Profile Card UI (Practice Layout)

      Module 2: Project-Based UI/UX Mastery (Beginner Project)

      • Project: Designing homepage for a fictional SaaS company
      • Briefing: Client-style requirements
      • Wireframe the layout (Hero, Features, CTA)
      • Apply typography and color styles
      • Create buttons, icons, cards
      • Desktop-first design
      • BONUS: Convert to Mobile using Constraints
      • Final Output: High-fidelity Desktop + Mobile Landing Page

      Module 3: Mobile App Interface Design (Intermediate Project)

      • Project: Design a 3-screen food delivery app
      • Home screen layout
      • Card component for restaurants
      • Browse screen with filters
      • Checkout screen (Form + Order Summary)
      • Use Components and Variants
      • Mobile Design System (Color, Typography)
      • Final Output: Fully styled, consistent mobile UI

      Module 4: Interactive Prototypes (UX Design)

      • Project: Make your app clickable and interactive
      • Intro to Figma Prototyping
      • Setting up user flows between screens
      • Transitions: Slide, Fade, Instant
      • Modals, Overlays, Navigation Menus
      • Interactive Components (Button States)
      • Final Output: Shareable clickable mobile app prototype

      Module 5: Responsive Portfolio Website (Personal Brand)

      • Project: Design your own portfolio website (multi-device)
      • Structure: About, Projects, Contact
      • 12-Column Grid Setup
      • Creating reusable nav, footer, button components
      • Responsive constraints: Desktop > Tablet > Mobile
      • Showcase past projects or placeholders
      • Final Output: Personal portfolio website (desktop & mobile)

      Module 6: UI Kit & Design System (Reusable Components)

      • Project: Build a mini design system
      • Defining a token system: spacing, font sizes, color names
      • Creating typography styles (H1, Body, Label)
      • Building buttons with states (hover, active)
      • Form fields, toggles, dropdowns
      • Creating and nesting components
      • Publishing as a shared library
      • Final Output: Portable UI Kit (Design System File)

      Module 7: Capstone Product UI (Advanced Project)

      • Project: Design a multi-screen product dashboard
      • Dashboard Layout + Sidebar Nav
      • States: Empty, Error, Loading
      • Data tables, charts, and cards
      • UX Copy: Microcopy, error messages
      • Create and document a design system
      • Final Output: Professional, portfolio-grade web app UI

      Module 8: Bonus Projects & Practice Challenges

      • Redesign a Bad UI (Before & After)
      • Dark Mode Design
      • Clone a Famous Product UI (Notion, Stripe, Airbnb)
      • Use Real Content/Data for Wireframes
      • Submit Projects to Behance or Dribbble

      Module 9: Wrap-Up & Launch Your Portfolio

      • How to Present Projects Professionally
      • Exporting Figma Projects
      • Portfolio Review & Polishing Tips
      • Next Steps: Freelancing, Internships, or Career Pathways

      Earn a certificate

      Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

      selected template

      A course by

      H
      haldoorgfx
      Graphic Designer

      Student Ratings & Reviews

      No Review Yet
      No Review Yet

      Course Includes:

      • Price:
        $ 19.99
      • Instructor:haldoorgfx
      • Duration: 6 hours 30 minutes
      • Lessons:61
      • Students:0
      • Level:All Levels
      • Updated:May 1, 2025
      $ 19.99
      Wishlist
      Enrollment is now paused
      Hi, Welcome back!
      Forgot Password?

      Share On:

      Courses You May Like

      Logo Design1
      3 hours 20 minutes
      Intermediate
      Logo Design for Beginners: Create Strong Visual Identities from Scratch
      (0.0/ 0 Rating)
      $ 9.00
      • 24 Lessons
      • 2 Students
      Intermediate
      Logo Design for Beginners: Create Strong Visual Identities from Scratch
      (0.0/ 0 Rating)
      $ 9.00

      Learn by doing — design a professional logo from scratch using a real case study.This beginner-friendly course teaches you how to design a professional logo...

      • 24 Lessons
      • 2 Students
      Enroll Now
      Personal branding course copy
      All Levels
      Personal Branding Mastery: Build & Elevate Your Brand Identity
      (0.0/ 0 Rating)
      Free
      • 23 Lessons
      • 13 Students
      All Levels
      Personal Branding Mastery: Build & Elevate Your Brand Identity
      (0.0/ 0 Rating)
      Free

      Unlock the power of your personal brand to stand out, build authority, and attract meaningful opportunities. This hands-on course equips students with actionable strategies, design...

      • 23 Lessons
      • 13 Students
      Enroll Now
      Design-Principles-01
      All Levels
      Design Principles for Graphic & UI/UX Design
      (0.0/ 0 Rating)
      $ 1.00
      • 15 Lessons
      • 0 Students
      All Levels
      Design Principles for Graphic & UI/UX Design
      (0.0/ 0 Rating)
      $ 1.00

      Learn the essential principles that make design effective, balanced, and visually engaging—whether you're designing posters, mobile apps, or websites. In this beginner-friendly course, you'll master...

      • 15 Lessons
      • 0 Students
      Enroll Now
      Webflow-logo
      4 hours
      All Levels
      Webflow Mastery: Build & Launch Your Portfolio Website
      (0.0/ 0 Rating)
      Free
      • 30 Lessons
      • 3 Students
      All Levels
      Webflow Mastery: Build & Launch Your Portfolio Website
      (0.0/ 0 Rating)
      Free

      Unlock the full potential of Webflow in this hands-on, project-based masterclass. Whether you're a beginner or an intermediate designer, this course guides you through the...

      • 30 Lessons
      • 3 Students
      Enroll Now
      Framer
      4 hours
      All Levels
      Mastering Framer – Build High-End Websites Without Code
      (0.0/ 0 Rating)
      Free
      • 29 Lessons
      • 2 Students
      All Levels
      Mastering Framer – Build High-End Websites Without Code
      (0.0/ 0 Rating)
      Free

      This hands-on course teaches you how to design and build modern, high-performing websites with Framer—a powerful visual design tool that merges UI/UX design and frontend...

      • 29 Lessons
      • 2 Students
      Enroll Now
      Color theory copy
      2 hours
      All Levels
      Color Theory Basics for Graphic Designers
      (0.0/ 0 Rating)
      Free
      • 16 Lessons
      • 7 Students
      All Levels
      Color Theory Basics for Graphic Designers
      (0.0/ 0 Rating)
      Free

      Color is one of the most powerful elements in design—but only when used intentionally. This course teaches you the foundations of color theory and how...

      • 16 Lessons
      • 7 Students
      Enroll Now
      Courses-Thumbnails-03-480x304
      6 hours 30 minutes
      Intermediate
      Adobe Indesign – Essential Training Course
      (5.0/ 1 Rating)
      $ 19.99
      • 53 Lessons
      • 7 Students
      Intermediate
      Adobe Indesign – Essential Training Course
      (5.0/ 1 Rating)
      $ 19.99

      This comprehensive Adobe InDesign essential training course is designed for complete beginners. With no prior InDesign experience required, you'll gain the fundamental skills to create...

      • 53 Lessons
      • 7 Students
      Enroll Now
      Courses-Thumbnails-02-480x304
      20 hours 5 minutes
      All Levels
      Master Adobe Illustrator CC: From Beginner to Pro 2025
      (5.0/ 1 Rating)
      $ 29.99 Original price was: $ 29.99.$ 14.99Current price is: $ 14.99.
      • 98 Lessons
      • 31 Students
      All Levels
      Master Adobe Illustrator CC: From Beginner to Pro 2025
      (5.0/ 1 Rating)
      $ 29.99 Original price was: $ 29.99.$ 14.99Current price is: $ 14.99.

      Unleash Your Creative Potential and Design Like a ProHave you ever dreamt of creating stunning illustrations, logos, and professional-grade graphics? Are you tired of limitations...

      • 98 Lessons
      • 31 Students
      Enroll Now
      Courses-Thumbnails-01-480x304
      6 hours 45 minutes
      Expert
      Level Up Your Design Game: Master Advanced Adobe Photoshop Workflows
      (5.0/ 2 Ratings)
      $ 14.99 Original price was: $ 14.99.$ 7.49Current price is: $ 7.49.
      • 35 Lessons
      • 37 Students
      Expert
      Level Up Your Design Game: Master Advanced Adobe Photoshop Workflows
      (5.0/ 2 Ratings)
      $ 14.99 Original price was: $ 14.99.$ 7.49Current price is: $ 7.49.

      Elevate your design game with Advanced Photoshop! This comprehensive, project-based course is designed for intermediate Photoshop users who are eager to transform their creative process...

      • 35 Lessons
      • 37 Students
      Enroll Now
      Courses-Thumbnails-11-480x304
      7 hours 26 minutes
      Beginner
      Master Adobe Photoshop – From Beginner to Pro
      (3.0/ 2 Ratings)
      $ 24.99 Original price was: $ 24.99.$ 12.49Current price is: $ 12.49.
      • 90 Lessons
      • 51 Students
      Beginner
      Master Adobe Photoshop – From Beginner to Pro
      (3.0/ 2 Ratings)
      $ 24.99 Original price was: $ 24.99.$ 12.49Current price is: $ 12.49.

      Unleash Your Creativity: Master Adobe Photoshop from Beginner to Pro Welcome to The Complete Adobe Photoshop Mastery Course! This comprehensive course is designed for anyone...

      • 90 Lessons
      • 51 Students
      Enroll Now
      Courses-Thumbnails-06-480x304
      All Levels
      Adobe XD Course- Master UI/UX Design
      (0.0/ 0 Rating)
      Free
      • 0 Lessons
      • 30 Students
      All Levels
      Adobe XD Course- Master UI/UX Design
      (0.0/ 0 Rating)
      Free

      Adobe XD is a user experience (UX) and user interface (UI) design software that allows designers to create and prototype interactive designs for websites, apps,...

      • 0 Lessons
      • 30 Students
      Enroll Now
      Course Canva copy
      3 hours 35 minutes
      All Levels
      Learn Canva: Design Like a Pro
      (0.0/ 0 Rating)
      Free
      • 36 Lessons
      • 33 Students
      All Levels
      Learn Canva: Design Like a Pro
      (0.0/ 0 Rating)
      Free

      Course Description Welcome to ‘Learn Canva: Design Like a Pro’! In this course, you’ll transform your design skills by mastering Canva’s tools. Whether you're a...

      • 36 Lessons
      • 33 Students
      Enroll Now
      cropped-Haldoor-Academy-Logo.png

      Somalia’s leading e-learning platform since 2019 — helping Somali learners grow skills, launch careers, and shape their future.

      Add: Mogadishu, Somalia
      Call: +252612884120
      Email: hello@haldooracademy.com

      Learning Platform

      • About
      • Courses
      • Instructors
      • Purchase Guide

      Links

      • Contact
      • FAQ’s
      • Coming Soon
      • Blog
      • Student Registration

      Contacts

      Enter your email address to register to our newsletter subscription

      Icon-facebook Icon-instagram X-twitter Whatsapp
      Copyright 2019 - 2026 Haldoor Academy - All Rights Reserved
      Haldoor AcademyHaldoor Academy
      Sign inSign up

      Sign in

      Don’t have an account? Sign up
      Lost your password?

      Sign up

      Already have an account? Sign in