The Beginner's Guide to Figma

24m 19s
English
Paid

Course description

Figma is a collaborative prototyping tool that allows you to responsively design your applications, with resolution presets for all of the most popular devices. In this course, we will explore the fundamentals of Figma’s toolset that you can use for various design functions.

Read more about the course

We will start from scratch, then walk through scenarios you may encounter when designing a website or application. We will cover building reusable designs — known as “components” in Figma — all the way up to prototyping your designs to show screen transitions and animations between state.

By the end of the course, you will understand the basics of Figma so you can use it to your advantage when building your next app or website.

Watch Online

Join premium to watch
Go to premium
# Title Duration
1 Create a Mobile, Tablet and Desktop Frame in Figma 01:01
2 Build Reusable Designs with Figma Components 03:47
3 Add a Reusable Figma Component to Multiple Frames 02:15
4 Create a Simple Icon with Figma Ellipse and Pen Tool 02:02
5 Duplicate Grouped Vectors to Create a Patterned Logo in Figma 02:15
6 Establish a Typography System in Figma with Text Styles 02:59
7 Create Figma Color Styles to Reuse Across Frames 04:05
8 Reuse a Drop Shadow in Figma with Effect Styles 01:55
9 Prototype a Screen Transition in Figma 02:17
10 Export and Share Figma Frames 01:43

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Figma design system - Figma UI kit and style variables

Figma design system - Figma UI kit and style variables

Sources: Adham Dannaway
The lightweight and powerful design system of Figma and UI kit will help you develop almost any website or application you can imagine.
Kickstart your UI/UX Design Career / DesignCourse UI/UX

Kickstart your UI/UX Design Career / DesignCourse UI/UX

Sources: Gary Simon
Join the most interactive course for learning UI/UX Design with Gary Simon. The DesignCourse UI/UX Curriculum is taught entirely with Figma. You will go from ab
16 hours 33 minutes 33 seconds
Figma Mastery - The ultimate Figma course for new and struggling designers

Figma Mastery - The ultimate Figma course for new and struggling designers

Sources: (UI) Adrian (Adrian Kuleszo)
The course "Figma Mastery" is an extensive guide that teaches efficient and productive use of Figma, covering all stages of work: from setup...
Figma Academy 2.0

Figma Academy 2.0

Sources: Michael Riddering
The most advanced online design course. See for yourself why over 5,000 designers and leading tech teams are trained in Figma...
11 hours 19 minutes 17 seconds
Motion Design with Figma: Animations, Motion Graphics, UX/UI

Motion Design with Figma: Animations, Motion Graphics, UX/UI

Sources: zerotomastery.io
Learn motion design using Figma from a design industry pro. You'll learn way more than just motion design principles and theory. This projects-based course will
10 hours 11 minutes 31 seconds