Learn Figma - UI/UX Design Essential Training
4.5 (3,290 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.
14,375 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.
4.5 (3,290 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.
14,375 students enrolled
Created by Caleb Kingston
Last updated 5/2020
English [Auto-generated], French [Auto-generated], 4 more
  • Indonesian [Auto-generated]
  • Polish [Auto-generated]
  • Romanian [Auto-generated]
  • Thai [Auto-generated]
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
  • 3 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
  • Internet Access
  • You should know your way around computer basics

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 42 lectures 03:55:23
+ Learning the Figma Interface
12 lectures 01:07:48

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 Tools Panel
The Layers and Pages Panel
The Components Panel
The Team Library Panel
The Design Panel
The Prototype Panel
The Code Panel
+ Setting up a new project
4 lectures 09:48
Creating a New Project and File
Importing Sketch Files
Working with Teams
Working with Templates
+ Adding and Editing Content
12 lectures 01:43:32
Working with Frames
Working with Shapes
Drawing Icons using the Pen Tool
Drawing Shapes Using the Pencil Tool
Working with Text
Masking Images and Shapes
Importing Icons and other Graphics
Working with Color
Working with Styles
Setting up Components
Using Constraints for Responsive Design
Working with Version Control
+ Completing the Design
5 lectures 36:44
Designing a Slide-out Menu
Designing an on-screen Overlay
Designing a comments section
Designing Multiple Artboard States
Give this design it's own unique personality
+ Prototyping, Sharing, and Exporting
6 lectures 15:17
Creating a prototype
Viewing your prototype on a mobile device
Live device preview
Sharing your design
Allowing others to comment on your design
Exporting graphics and assets