Learn Figma from 0 to 100 (10 Courses)

Name: Learn Figma from 0 to 100 (10 Courses)
Author: Mirko Santangelo

By Mirko Santangelo

Language: English
Certificate: of completion
Subtitles: English, Spanish, French, Italian, Portuguese (Machine translation)
Duration: 7h 1m

Now

9.99$

/$100

From Beginner to Professional: Master all aspects of Figma from interface setup, using plugins, and designing text and shapes to prototyping and collaborating with developers.

Category	Course format	Language	Duration	Level
	Online	English with Subt.	7h 1m	Beginners, Intermediate & Professional

Discover Figma's unlimited potential with Mirko Santangelo in this online course. Learn UI design, prototyping, and collaboration while mastering Figma's features. Guided by Mirko, a renowned designer at Paper Tiger, you'll explore Figma's interface, design systems, UI elements, color, effects, fonts, auto-layout, components, prototyping, animation, and project sharing.

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Course 1: Introduction

8

55:18

View more
- U1: Getting Started
  
  4:43
- U2: File Browser
  
  5:38
- U3: Teams and Projects
  
  5:51
- U4: Figma Editor
  
  9:31
- U5: Workspace Setup
  
  7:15
- U6: File Thumbnail
  
  6:40
- U7: Community and Plugins
  
  8:56
- U8: Practice
  
  6:44
Lesson 2

Course 2: Drawing Tools

9

77:23

View more
- U1: Shape Tools
  
  5.44
- U2: Pen Tool and Vector Network
  
  9.56
- U3: Boolean Operations
  
  4:52
- U4: Frames and Groups
  
  5.58
- U5: Colors and Color Styles
  
  15:14
- U6: Images and Animated GIFs
  
  11:13
- U7: Masking Layers
  
  5:23
- U8: Effects and Effect Styles
  
  5:00
- U9: Practice
  
  10:03
Lesson 3

Course 3: Typesetting Tools

5

22:35

View more
- U1: Text Tool
  
  5:17
- U2: Advanced Type Customization
  
  3:10
- U3: Text Styles
  
  3:52
- U4: Variable and Icon Fonts
  
  3:57
- U5: Practice
  
  6:19
Lesson 4

Course 4: Layout Tools

8

41:58

View more
- U1: Alignment Tools
  
  5:12
- U2: Smart Selection
  
  4:03
- U3: Measurements and Guides
  
  2:26
- U4: Layer Constraints
  
  6:03
- U5: Layout Grid
  
  6:43
- U6: Layout Styles
  
  3:30
- U7: Scaling and Resizing
  
  5:45
- U8: Practice
  
  8:16
Lesson 5

Course 5: Auto Layout

6

29:57

View more
- U1: Introduction to Auto Layout
  
  2:53
- U2: Layer Stacks and Scaling
  
  6:17
- U3: Composition
  
  5:56
- U4: Blocks and Spacers
  
  6:46
- U5: Auto Layout Best Practices
  
  2:42
- U6: Practice
  
  5:23
Lesson 6

Course 6: Components and Variants

9

30:00

View more
- U1: Introduction to Components
  
  1:55
- U2: Creating and Detaching Components
  
  3:11
- U3: Component Instances and Overrides
  
  5:09
- U4: Swapping Components
  
  5:34
- U5: Component Variants
  
  7:49
- U6: Component Properties
  
  5:38
- U7: Combining Variants and Properties
  
  3:28
- U8: Components beyond UI
  
  2:33
- U9: Practice
  
  7:26
Lesson 7

Course 7: Component Libraries

6

34:46

View more
- U1: Component Assets Panel
  
  3:53
- U2: Organizing Local Components
  
  3:32
- U3: Batch Renaming
  
  5:37
- U4: Documentation and Links
  
  4:30
- U5: Publishing a Component Library
  
  5:42
- U6: Practice
  
  11:32
Lesson 8

Course 8: Prototyping and animations

14

42:43

View more
- U1: Introduction to Prototyping
  
  1:50
- U2: Presentation and Mirroring
  
  4:27
- U3: Prototype Settings
  
  6:12
- U4: Prototype Connections
  
  7:05
- U5: Prototype Flows and Starting Point
  
  6:58
- U6: Overflow and Scroll Interactions
  
  6:12
- U7: Overlays
  
  5:43
- U8: Transition Animations
  
  3:52
- U9: Smart Animate
  
  10:17
- U10: Easing and Spring
  
  4:27
- U11: Components and Prototypes
  
  3:29
- U12: Interactive Components
  
  6:08
- U13: Figma Mobile App
  
  2:45
- U14: Practice
  
  8:01
Lesson 9

Course 9: Collaboration

4

18:27

View more
- U1: Sharing Files and Prototypes
  
  6:30
- U2: Adding and Managing Comments
  
  4:30
- U3: Version History
  
  3:14
- U4: Practice
  
  4:13
Lesson 10

Course 10: Handoff

5

25:36

View more
- U1: Creating Designs Specs
  
  6:01
- U2: Inspecting a File
  
  3:00
- U3: Exporting Image Assets
  
  7:44
- U4: Exporting Code Snippets
  
  2:57
- U5: Practice
  
  5:54

Meet the teacher

Mirko Santangelo

Lead Senior Designer

Mirko Santangelo is a designer with extensive experience in web projects, design systems, apps, brand identities, and print media. As a Figma Community Advocate, he co-directs the official Figma users group in Italy. He is also a member of the Awwards International Jury, promoting excellence in digital design. At Paper Tiger, he leads the design team, overseeing UI design for websites and mobile devices, incorporating innovative motion design techniques. His clients include Google, The New York Times, Meta, and others.

Now

9.99$

/$100

Course Content

From Beginner to Professional: Master all aspects of Figma from interface setup, using plugins, and designing text and shapes to prototyping and collaborating with developers.

Features