Get Free Consultation

UI/UX Design with Figma

Course Overview

This practical training program equips participants with the skills required to design intuitive, accessible, and visually appealing digital experiences using Figma. Participants will learn the complete UI/UX workflow—from user research and information architecture to wireframing, interface design, interactive prototyping, usability testing, and developer handoff.

What You Will Learn

By the end of the program, participants will be able to:

  • Understand the principles and differences of UI and UX design.
  • Identify user needs through research and analysis.
  • Create user personas, journeys, and task flows.
  • Organize digital content using information architecture.
  • Develop low- and high-fidelity wireframes.
  • Design professional interfaces using Figma.
  • Build reusable components and scalable design systems.
  • Create responsive designs for websites and mobile applications.
  • Develop and test interactive prototypes.
  • Prepare design files and specifications for developer handoff.

Who Should Attend

  • Aspiring UI/UX and product designers.
  • Graphic designers transitioning into digital product design.
  • Web and mobile application developers.
  • Product managers and business analysts.
  • Freelancers and digital entrepreneurs.
  • Marketing and digital product professionals.
  • Beginners with no previous Figma experience.

Course Curriculum

Module 1: UX Research and Design Strategy
  • Understand the UI/UX process and human-centered design principles.
  • Define business objectives, target users, and design challenges.
  • Conduct user research through interviews, surveys, and competitor analysis.
  • Create user personas, empathy maps, and problem statements.
Module 2: Information Architecture and Wireframing
  • Organize content using sitemaps and information architecture.
  • Create user journeys, task flows, and screen flows.
  • Develop low-fidelity wireframes for websites and mobile applications.
  • Evaluate layouts based on usability and user expectations.
Module 3: Interface Design with Figma
  • Use Figma frames, layers, grids, constraints, and Auto Layout.
  • Apply typography, colors, spacing, icons, and visual hierarchy.
  • Build reusable components, variants, and shared styles.
  • Create responsive high-fidelity interfaces for multiple screen sizes.
Module 4: Prototyping and Usability Testing
  • Connect screens and create interactive user flows.
  • Apply transitions, overlays, scrolling, and micro-interactions.
  • Plan and conduct practical usability testing sessions.
  • Analyze feedback and improve designs through iteration.
Module 5: Design Systems, Handoff, and Portfolio Project
  • Build a consistent design system and reusable component library.
  • Apply accessibility standards and inclusive design practices.
  • Prepare assets, specifications, and documentation for developers.
  • Complete and present a portfolio-ready UI/UX case study.

Ready to Take the Next Step?

Submit your request today, and our team will contact you with the available schedule and delivery options.

Get Started

Course Details

Course Fee

199$ per participant

Course Duration

5 days — 25 training hours

Delivery Method

Live Online Training, In-Person Training

Training Language

English and Arabic are Available

Course Level

All Levels

Get Started