Skip to main content

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 10 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online The Beginner's Guide to Figma

0:00
/
#1: Create a Mobile, Tablet and Desktop Frame in Figma

All Course Lessons (10)

#Lesson TitleDurationAccess
1
Create a Mobile, Tablet and Desktop Frame in Figma Demo
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

Unlock unlimited learning

Get instant access to all 9 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Figma for Web Designers

Figma for Web Designers

Sources: flux-academy (Ran Segall)
If you've ever found yourself overwhelmed by Figma's extensive features or wished your workflow could be more efficient for web design projects… Then this course is your golden...
5 hours 31 minutes 58 seconds
Beginner Figma Video Course

Beginner Figma Video Course

Sources: Andrija Prelec
There is no better place to start learning design than the most popular design application! Learn by doing and begin or enhance your knowledge in Figma.
3 hours 22 minutes 35 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
UI UX Design Hybrid from Figma to HTML CSS and JavaScript

UI UX Design Hybrid from Figma to HTML CSS and JavaScript

Sources: udemy
Learn how to become a Full-Stack Designer with User Interface Design, User Experience Design, Web Development, Bootstrap
31 hours 51 minutes 43 seconds