Overview

From beginner to pro: Master all aspects of Figma - interface setup, plugin usage, text and shape design, prototyping, and collaborating with developers.

Getting Started
File Browser
Teams and Projects
Figma Editor
Workspace Setup
File Thumbnail
Community and Plugins
Practice
Shape Tools
Pen Tool and Vector Network
Boolean Operations
Frames and Groups
Colors and Color Styles
Images and Animated GIFs
Masking Layers
Effects and Effect Styles
Practice
Text Tool
Advanced Type Customization
Text Styles
Variable and Icon Fonts
Practice
Alignment Tools
Smart Selection
Measurements and Guides
Layer Constraints
Layout Grid
Layout Styles
Scaling and Resizing
Practice
Introduction to Auto Layout
Layer Stacks and Scaling
Composition
Blocks and Spacers
Auto Layout Best Practices
Practice
Introduction to Components
Creating and Detaching Components
Component Instances and Overrides
Swapping Components
Component Variants
Component Properties
Combining Variants and Properties
Components beyond UI
Practice
Component Assets Panel
Organizing Local Components
Batch Renaming
Documentation and Links
Publishing a Component Library
Practice
Introduction to Prototyping
Presentation and Mirroring
Prototype Settings
Prototype Connections
Prototype Flows and Starting Point
Overflow and Scroll Interactions
Overlays
Transition Animations
Smart Animate
Easing and Spring
Components and Prototypes
Interactive Components
Figma Mobile App
Practice
Sharing Files and Prototypes
Adding and Managing Comments
Version History
Practice
Creating Designs Specs
Inspecting a File
Exporting Image Assets
Exporting Code Snippets
Practice

Discover the boundless potential of Figma with Mirko Santangelo in this online course. Dive into the world of UI design, prototyping, and collaboration, all while harnessing the power of Figma.

In this creative journey, Mirko, a renowned designer and creative director at Paper Tiger agency, introduces you to the heart of Figma, the essential UI tool for digital design. Starting from scratch, you'll embark on a comprehensive exploration of Figma's features, guided by Mirko's expertise.

Unravel the intricate threads of UI design as you progress through ten immersive courses. Mirko's hands-on approach guides you through foundational concepts such as navigating Figma's interface, crafting design systems, and perfecting web experiences. Delve into the world of UI elements, color exploration, effects, and fonts. Unleash your creativity with auto-layout, components, and component libraries. Elevate your skills further with prototyping, animation, and project sharing.