Lessons: 13Length: 1.8 hours
Learn how to use Figma, a powerful tool for user interface design. If you're into UX, UI design, or app design, this Figma tutorial is ideal for you.
What is Figma? It's a user interface design tool. While it’s similar in many ways to apps like Adobe XD and Sketch, the fact that it runs in the browser, coupled with some awesome collaboration features, makes it unique and thus far very well received both for interface design and as prototyping software.
In this course, you’ll learn how to use Figma, from both a designer’s and a developer’s point of view.
Learn Figma
We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.
1.Introduction
1.1Welcome to the Course01:25
1.1
Welcome to the Course
01:25
1.2What Is Figma?04:44
1.2
What Is Figma?
04:44
2.Getting Started With Figma
2.1Working With Projects, Files, and Pages in Figma05:28
2.1
Working With Projects, Files, and Pages in Figma
05:28
2.2Using the Figma UI09:03
2.2
Using the Figma UI
09:03
2.3Working With Frames, Shapes, and Text in Figma10:56
2.3
Working With Frames, Shapes, and Text in Figma
10:56
2.4Creating Vector Networks With the Pen Tool08:31
2.4
Creating Vector Networks With the Pen Tool
08:31
2.5Working With Grids in Figma06:04
2.5
Working With Grids in Figma
06:04
2.6Using Figma Plugins04:39
2.6
Using Figma Plugins
04:39
3.How to Use Figma as a Designer
3.1Let’s Design a Sign-Up Form in Figma34:55
3.1
Let’s Design a Sign-Up Form in Figma
34:55
3.2Let’s Create a Prototype04:07
3.2
Let’s Create a Prototype
04:07
3.3Sharing Work and Getting Feedback11:36
3.3
Sharing Work and Getting Feedback
11:36
4.How to Use Figma as a Developer
4.1Inspecting a Design File in Figma05:09
4.1
Inspecting a Design File in Figma
05:09
4.2Exporting Assets03:02
4.2
Exporting Assets
03:02
