Skip to content
Play overlay
Preview this course

Learn Figma: User Interface Design Essentials - UI/UX Design

Master Figma app to get a job in UI Design, User Interface, User Experience design, Web Design & UX design.

Provided by Arash Ahadzadeh

Summary

Price
£200 inc VAT
Or £66.67/mo. for 3 months...
Study method
Online, On Demand What's this?
Duration
10.2 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed courses certificate of completion - Free
Additional info
  • Tutor is available to students

Overview

Do you want to become a UI/UX designer but you don't know where to start? This course will allow you to develop your user interface design skills and you can add UI designer to your CV and start getting clients for your skills.

Hi everyone. I'm Arash and I'm a UI/UX designer. In this course, I will help you learn and master Figma app comprehensively from scratch. Figma is an innovative and brilliant tool for User Interface design. It's used by everyone from entrepreneurs and start-ups to Apple, Airbnb, Facebook, etc.

By the end of this course, you will be able to create world-class User Interface (UI) and User Experience (UX) designs. Throughout the course first, you will learn about all the Design Basics, UI Elements, Typography, etc. and then we will work on real-world projects together.

Moreover, we will design a finance app completely from scratch and I will share with you all the necessary techniques and hidden secrets you need for mobile application and web design.

Additionally, we will design a complete modern landing page together where you will learn the essentials of web design.

This course has been designed for people completely new to UI/UX design or let’s say design in general. We will start with the most basic principles and work all the way through, step by step.

Certificates

Reed courses certificate of completion

Digital certificate - Included

Will be downloadable when all lectures have been completed

Curriculum

17
sections
137
lectures
10h 11m
total

    • 1: Promo Preview 02:15
    • 2: 01- Introduction 02:43
    • 3: 02- Structure of the course 01:16
    • 4: 03- Required tools 00:48
    • 5: Required Assets 01:00

    • 6: 04- Intro to design basics 00:29
    • 7: 05- Layout 02:01
    • 8: 06- Visual Hierarchy 05:02
    • 9: 07- Visual Noise 01:25
    • 10: 08- Iconography 01:01
    • 11: 09- Typography 03:10
    • 12: 10- Color Contrast 01:36
    • 13: 11- Color Pallete 02:17
    • 14: 12- Spacing 01:13
    • 15: 13- Composition 01:26
    • 16: 14- Design Guide 00:41
    • 17: 15- Fonts 00:57
    • 18: 16- Colors 01:00
    • 19: 17- Icons 01:36
    • 20: 18- UI Elements 00:44
    • 21: 19- Font Resources 00:49
    • 22: 20- Color Resources 00:46
    • 23: 21- Icon Resources 00:58

    • 24: 22- Introduction to Figma 01:04
    • 25: 23- Figma Requirements 04:40
    • 26: 24- Figma Environment 04:29
    • 27: 25- Shapes 09:15
    • 28: 26- Editing Shapes 07:20
    • 29: 27- Layers Basics 06:38
    • 30: 28- Boolean Operations 04:59
    • 31: 29- Text 04:37
    • 32: 30- Text Inspector 04:57
    • 33: 31- Text Styles 03:56
    • 34: 32- Constraints and Adaptive Layouts 05:24
    • 35: 33- Auto Layout 10:54
    • 36: 34- Images 04:45
    • 37: 35- Styling - Fill 03:34
    • 38: 36- Styling - Stroke 01:34
    • 39: 37- Styling-Effects 05:32
    • 40: 38- Color Style 03:56
    • 41: 39- Masking 02:29
    • 42: 40- Components 08:40
    • 43: 41- Variants 20:25
    • 44: 42- Layout Grids 02:26
    • 45: 43- Plugins 09:14
    • 46: 44- Exporting 02:06
    • 47: 45- Prototyping 05:53
    • 48: 46- Multiplayer & Commenting 03:04
    • 49: 47- Keyboard Shortcuts 03:50

    • 50: 48-Intro to UI Elements 00:33
    • 51: 49-Text Fields 01:29
    • 52: 50-Buttons 02:07
    • 53: 51-Sliders 01:30
    • 54: 52-Tooltips 01:03
    • 55: 53-Selection Controls 01:19
    • 56: 54-Chips 01:12
    • 57: 55-Cards 01:04
    • 58: 56-Dialogs 01:07
    • 59: 57-Lists 00:59
    • 60: 58-Tables 01:09
    • 61: 59-Navigation 00:51
    • 62: 60-Menus 00:51
    • 63: 61-Charts 00:53
    • 64: 62-Steppers 01:04
    • 65: 63-Snackbars 01:21

    • 66: 64- What is wireframing 00:59
    • 67: 65- User Flows 01:08
    • 68: 66- Interactive Prototypes 01:03
    • 69: 67- Wireframe tools 01:00
    • 70: 68- Wireframing in Figma 05:02

    • 71: 69- What is a Color Style 00:31
    • 72: 70- Primary, Accent, Semantic 10:12
    • 73: 71- Grey Colors & Gradients 04:17
    • 74: 72- Borders & Shadows 05:32

    • 75: 01- Intro to Typography Styles 00:26
    • 76: 01- Typography 1 04:01
    • 77: 02- Typography 2 02:22

    • 78: 76- Designing a Modern Finance App 02:17
    • 79: 77- Launch Screen 02:00
    • 80: 78- Sign-in & Welcome Page 21:33
    • 81: 79- Sign-up page 06:08
    • 82: 80- OTP Verification Screens 11:57
    • 83: 81- Profile Screens 13:04
    • 84: 82- Homepage 19:44
    • 85: 83- Menu 10:52
    • 86: 84- Credit Cards Page 13:57
    • 87: 85- Transactions Page 10:37
    • 88: 86- Detailed Transactions Page 09:42
    • 89: 87- Transfer Page 07:01
    • 90: 88- Confirmation Page 03:42
    • 91: 89- Notification Page 07:00
    • 92: 90- User's Profile 04:17
    • 93: 91- Onboarding Pages 07:57

    • 94: 92- Introduction to the Landing Page Project 01:29
    • 95: 93- What is a landing page? 02:38
    • 96: 94- Setting up your project 13:28
    • 97: 95- Create your color styles 06:03
    • 98: 96- Wireframe your project - Part 1 08:40
    • 99: 97- Wireframe your project - Part 2 12:12
    • 100: 98- Navigation Bar 08:32
    • 101: 99- Hero Section - Part 1 10:29
    • 102: 100- Hero Section Part 2 08:37
    • 103: 101- Feature Section - Credit Card 13:00
    • 104: 102- Feature Section - Statistics 17:18
    • 105: 103- Feature Section - Support 13:27
    • 106: 104- Membership Plans 16:30
    • 107: 105- FAQ Section 07:33
    • 108: 106- Footer 06:02
    • 109: 107- Prototyping your landing page 11:58

    • 110: 108- Logo Types 02:21
    • 111: 109- Designing our first logo 03:00
    • 112: 110- Designing our second logo 02:49
    • 113: 111- Designing our third logo 01:53

    • 114: 112- Introduction to Adobe Photoshop 00:33
    • 115: 113- Environment of Adobe Photoshop 01:21
    • 116: 114- Basics of Adobe Photoshop 07:41
    • 117: 115- Adobe Photoshop For UI:UX Design 05:54

    • 118: 116- Intro to 3D Modeling 02:11
    • 119: 117- Create your first 3D model 04:18
    • 120: 118- Camera & Lightings 02:12
    • 121: 119- Materials & Textures 01:55
    • 122: 120- Create a 3D Scene 05:40
    • 123: 121- Rendering & Exporting 03:35

    • 124: 122- Prototyping Tools 00:58
    • 125: 123- Prototyping in Figma 04:28
    • 126: 124- Mocking up an app in Figma 01:29

    • 127: 125- How to Create Your Own Online Portfolio 01:17
    • 128: 126- How to use Dribbble 00:57
    • 129: 127- How to use Behance 00:59

    • 130: 128- How to get your first client 01:19
    • 131: 129- How to start your own business 01:38
    • 132: 130- How to scale your business 01:20
    • 133: 131- Communicating with your client 00:54
    • 134: 132- Contract 00:56

    • 135: 133- Where to Find World-Class Design Inspiration 00:49
    • 136: 134- Image Resources 00:55

    • 137: 135- What is the next step 01:20

Course media

Description

We start the course by explaining the differences between UI and UX design. And then we will start learning about Figma app in Figma Academy section. After that, we'll create a simple low-fidelity wireframe to understand its usage and benefits.

I’ll go over all of the essential tools necessary for creating an amazing User Interface (UI) and User Experience (UX). Not only will you learn about Figma app, but also you will learn about Adobe Photoshop, Vectary, Dribbble, Behance, etc.

The Design Basics section covers all the necessary principles, including Layout, Iconography, Typography, Color Contrast, Composition, Spacing, etc.

One of the interesting parts of the User Experience design process is micro-interactions. I will teach you how to use InVision Studio for creating this kind of interaction.

With over 9 hours of content across 130+ lectures, I will take you from beginner to expert, and teach you everything you need to know in order to use Figma in a professional manner.

An amazing course for people with zero design experience, or for experienced designers that want to learn and master Figma and want to become a User Interface designer. By the end of this course, you’ll have a complete, real-world project for your own portfolio, and every student will have the knowledge and confidence to apply for a UI/UX designer job.

Course highlights:

  • Mastering Figma App

  • Tips & Tricks, make most of Figma Tools

  • Colors, Iconography, and Typography

  • BONUS! Get 2 brand-new UI Kits worth $3000.

We are so confident that you will love this course that we're offering a 14-day money-back guarantee! So you can sign up today with zero risks.

So, what are you waiting for? Start the class today!!

Who is this course for?

  • This course is for beginners & newbies in the field of UI/UX design
  • Anyone who wants to start using Figma App in their career & get paid for their user interface design skills
  • For anyone that needs to add "UI Design" to their portfolio
  • Developers that want to understand front-end principles to complement their existing skills
  • Graphic designers who want to become a UI/UX designer

Requirements

  • We do not require any previous experience or pre-defined skills to take this course. A great orientation would be enough to master UI/UX design
  • A computer with a good internet connection
  • Adobe Photoshop (OPTIONAL)

Career path

This UI/UX Design course will lead you to many different career opportunities, here are few prospects:

  • UI Designer Beginner Level - £19,000 per annum
  • Professional UI Designer - £54,360 per annum
  • UI Design Consultant - £40,000 per annum

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Ask a question

Reviews

5.0
Course rating
100%
Service
100%
Content
100%
Value

Provider

Arash Ahadzadeh

I am a UI/UX designer and an iOS developer with almost nine years of experience in application development and ten years of graphic design and User Interface design.

My passion is helping people to learn new skills in a short-term course and achieve their goals. I've been designing for more than ten years and developing iOS apps for four years. It's my honor if I could help you learn to program in a simple word. I currently am teaching iOS 14, Swift, ARKit 3, Sketch 5, Illustrator, Photoshop, Cinema 4D, HTML, CSS, JavaScript, etc.

View Arash Ahadzadeh profile

Legal information

This course is advertised on Reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.
View all
Similar subjects: Web design, UX, Design, IT
Related searches: Online courses

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2025. All rights reserved.