Learn Figma - UI/UX Design Essential Training
4.5 (3,977 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
16,663 students enrolled

Learn Figma - UI/UX Design Essential Training

Learn how to design a beautiful and engaging mobile app with Figma. Learn-by-doing approach.
Bestseller
4.5 (3,977 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
16,663 students enrolled
Created by Caleb Kingston
Last updated 7/2020
English
English [Auto], French [Auto], 1 more
  • Polish [Auto]
Current price: $83.99 Original price: $119.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Design Websites
  • Design mobile and desktop apps
  • You will have a fully interactive design and prototype at the end of this course
  • You will learn how to reuse design elements for future projects
Requirements
  • Internet Access
  • You should know your way around computer basics
Description

Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a web browser or using their desktop application made for windows and macs. Figma is similar to Sketch and Adobe XD but is the more powerful of the three when it comes to team collaboration and responsive, fast paced design. 

This course will cover user interface designing using the powerful tools within Figma. In the first section, I'll cover the Figma interface and where you can find powerful tools like constraints to make your designs responsive, and components to build a library of design elements to use throughout your projects. I'll also go over real-time team collaboration and how you can use figma to work closely with others in the same project.

Later on I will guide you through designing and prototyping a "Chef's Recipes" App which will include multiple artboards, custom icon designs, editing images and text, and everything else you need to create a polished realistic design.

Please join me as a beginner in design or as a seasoned UI/UX designer wanting to switch from other tools like Sketch or Adobe XD

Who this course is for:
  • User Interface designers
  • Web Designers
  • Graphic Designers
  • UX Designers
  • Beginners looking to get into the UI/UX field
Course content
Expand all 46 lectures 04:02:50
+ Learning the Figma Interface
16 lectures 01:15:15

Is Figma Right for You?

If you're wondering if Figma is right for you it's important to understand what Figma is. Figma is an online design tool (akin to google docs) that lets you design & prototype screens and gather feedback all in one place.

Because Figma is online, there's no need to install a program or upload or download project files. Your projects all live inside the Figma cloud which also helps with one of Figma's biggest advantages. Being able to collaborate live with many designers at the same time.

You can also share links with developers or stakeholders who can view your work in real-time or copy and paste code to use for development.

Figma works best for large design teams that want to work closely together without friction or versioning nightmares. This is the only design tool with this amount of collaborative design power.

If this feels like the right tool for you, join me in this course as I explain all these benefits in more detail.

Preview 00:48
The Browser App vs. The Desktop App
02:22
Introduction to the Interface
04:30
Importing and Exporting Files
02:21
Using Templates
02:11
The Tools Panel
08:42
The Layers and Pages Panel
03:20
The Components Panel
03:55
The Team Library Panel
06:29
The Design Panel
12:00
The Prototype Panel
02:57
The Code Panel
02:31
+ Setting up a new project
4 lectures 09:48
Creating a New Project and File
01:38
Importing Sketch Files
02:45
Working with Teams
03:41
Working with Templates
01:44
+ Adding and Editing Content
12 lectures 01:43:32
Working with Frames
06:05
Working with Shapes
17:58
Drawing Icons using the Pen Tool
07:47
Drawing Shapes Using the Pencil Tool
03:43
Working with Text
07:33
Masking Images and Shapes
06:38
Importing Icons and other Graphics
07:45
Working with Color
06:27
Working with Styles
06:13
Setting up Components
20:50
Using Constraints for Responsive Design
10:29
Working with Version Control
02:04
+ Completing the Design
5 lectures 36:44
Designing a Slide-out Menu
03:53
Designing an on-screen Overlay
11:48
Designing a comments section
12:28
Designing Multiple Artboard States
05:16
Give this design it's own unique personality
03:19
+ Prototyping, Sharing, and Exporting
6 lectures 15:17
Creating a prototype
06:45
Viewing your prototype on a mobile device
00:43
Live device preview
01:11
Sharing your design
01:18
Allowing others to comment on your design
01:16
Exporting graphics and assets
04:04