UI/UX Design with Figma

Learn to design digital products that people find easy and enjoyable to use.

7 daysFoundation11 modules

Enrol or enquire →Ask on WhatsApp

Overview

About this course

Learn to design digital products that people find easy and enjoyable to use. You will follow the full user-centred design process, from understanding users through research, personas and journeys, to organising content and mapping user flows.

In Figma you will create wireframes, polished interfaces, interactive prototypes and a reusable component library, applying sound principles of layout, typography, colour and accessibility, including bilingual and right-to-left screens. You finish with a complete case study ready for your portfolio.

What you'll learn

Explain the principles of user-centred design and the UX process
Plan and run simple user research and turn findings into personas and journeys
Structure content with information architecture and user flows
Create wireframes and high-fidelity interfaces in Figma
Apply layout, typography, colour and accessibility principles
Build interactive prototypes and test them with users
Create reusable components and a simple design system
Prepare designs and specifications for hand-off to developers

Curriculum

11 modules

What UX and UI design mean
The user-centred design process
Roles in a product team
Examples of good and poor design

Planning user research
Interviews and surveys
Personas
User journey maps

Organising content
Card sorting
Sitemaps
User flows and task analysis

The Figma interface
Frames, shapes and layers
Working with text and images
Collaboration and comments

Low-fidelity sketching
Digital wireframes in Figma
Layout grids
Designing for mobile and desktop

Hierarchy and spacing
Typography
Colour and contrast
Accessibility basics

Auto layout fundamentals
Constraints and resizing
Responsive screens
Right-to-left and bilingual layouts

Creating components
Variants and properties
Styles and variables
Building a simple design system

Linking screens
Interactions and transitions
Overlays and scrolling
Sharing prototypes

Planning a usability test
Running test sessions
Analysing findings
Iterating on designs

Preparing files for hand-off
Specifications and exporting assets
Presenting your design
Building a portfolio case study

Who it's for

Aspiring designers, developers, marketers and product team members who want a practical foundation in UI/UX design using Figma.

Before you start

Comfortable using a computer and web applications
No previous design experience is required

Diplomas

Part of these Alalamia diplomas

Alalamia Diploma in Web Design and Development

3 days

View course →

Let's plan your next step together.

Tell us the course or certification you have in mind and we'll send the outline, upcoming dates, fees and private-team options.

Talk to an advisor →WhatsApp