4.53 out of 5
4.53
5547 reviews on Udemy

Learn Figma – UI/UX Design Essential Training

Learn how to design a beautiful and engaging mobile app with Figma. Learn-by-doing approach.
Instructor:
Caleb Kingston
22,550 students enrolled
English [Auto] More
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

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

Introduction to the Course

1
Introduction to the Course
2
Using the Exercise Files

Local Figma files cannot be opened by simply double-clicking on them like most documents. You have to open Figma and choose the Import File option and then select the file in the exercise folder.

This is because once a project is inside Figma, it lives on the cloud. Local files are primarily for backup.

Learning the Figma Interface

1
Section Introduction
2
What is Figma?

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.

3
Where to find Figma
4
The Browser App vs. The Desktop App
5
The Start Screen
6
Introduction to the Interface
7
Importing and Exporting Files
8
Using Templates
9
The Toolbar
10
The Layers and Pages Panel
11
The Assets Panel
12
The Design Panel
13
The Prototype Panel
14
The Code Panel
15
The Canvas
16
Using Keyboard Shortcuts
17
Working with the Version History

Setting up a new project

1
Creating a New Project and File
2
Importing Sketch Files
3
Working with Teams
4
Working with Templates

Adding and Editing Content

1
Working with Frames
2
Working with Shapes
3
Drawing Icons using the Pen Tool
4
Drawing Shapes Using the Pencil Tool
5
Working with Text
6
Masking Images and Shapes
7
Importing Icons and other Graphics
8
Working with Color
9
Working with Styles
10
Setting up Components
11
Using Constraints for Responsive Design
12
Working with Version Control

Completing the Design

1
Designing a Slide-out Menu
2
Designing an on-screen Overlay
3
Designing a comments section
4
Designing Multiple Artboard States
5
Give this design it's own unique personality

Prototyping, Sharing, and Exporting

1
Creating a prototype
2
Viewing your prototype on a mobile device
3
Live device preview
4
Sharing your design
5
Allowing others to comment on your design
6
Exporting graphics and assets

Conclusion

1
Next Steps
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 out of 5
5547 Ratings

Detailed Rating

Stars 5
2850
Stars 4
2086
Stars 3
498
Stars 2
68
Stars 1
31
9588681d21376dba6b8a46da5cc88ecc
30-Day Money-Back Guarantee

Includes

4 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion