Master Figma

The world's most complete course on how to use Figma.

Enroll for free

Why Master Figma?

Learning Figma provides you with the industry's most relevant tools and techniques for designing and teaches you how to collaborate with others and share your work with individuals, teams, and even entire organizations all bundled within this course. This is also a great primer on understanding how to use design tools in general as the experience across design tools is similar. In learning this tool and its features they will be applicable to other design tools as well.

Is this the right course for you?

People from all skill levels can benefit from this course, even the most seasoned designers. This does not exclude product managers or design recruiters either!

Course curriculum

1. Welcome to Master Figma
2. Create a Figma Account
3. Download the Figma Desktop App
4. Download the Figma Mirror App
5. Preview Designs and Prototypes with Figma Mirror
6. Figma Browser Requirements
7. Configure your browser for Figma
8. Working Offline in Figma
9. Speed up your workflow with keyboard shortcuts
10. Navigate the Toolbar in the Editor
11. Explore the Canvas
12. View Layers and Assets in the Layers Panel
13. Use the File Browser
14. Adjust Your View Settings in the Editor
15. Design, Prototype, and View Code in the Properties Panel
16. Getting Started with Comments
17. Open Figma Links in the Desktop App
18. Adjust the Scale of the Figma Desktop App Interface
19. Manage Color Space in the Desktop App
1. Introduction: Imports
2. Getting Started with Imports
3. Import Files into Figma
4. Improt Files from Sketch
5. Copy Assets Between Design Tools
1. Introduction: File Browser
2. Interacting with Files
3. Move Files Between Drafts, Projects, Teams, and Accounts
4. Manage Your Recent Files
1. Introduction: Files
2. Files in Figma
3. Create a New File
4. Set a Custom File Thumbnail
5. Duplicate a File
6. Version History
7. Pages in Figma
8. Create and Manage Pages
9. Rename a File
10. Delete a File
11. Remove a Collaborator from a File
12. Share Files with Anyone Using Link Sharing
13. Give Feedback with Comments
14. Share Files with Collaborators
15. Invite a View or Editor to a File
16. Adjust Permissions on a File
17. Prevent Viewers from Copying and Sharing Files
1. Introduction: Shapes and Tools
2. Frames in Figma
3. Frames and Groups
4. Using Shape Tools
5. Vector Networks
6. Edit Object
7. Resize Layers with the Scale Tool
8. Add Guides to the Canvas or a Frame
9. Using the Arc Tool
10. Boolean Operations
11. Masks
1. Introduction: Text
2. Getting Started with Text
3. Create Type Layers with the Text Tool
4. Edit Text Layers
5. Explore Text Properties
6. Add Emojis to Text Layers
7. Create a Bulleted List
8. Create and Apply Text Styles
9. Use Text in Non-English Languages
10. Use Icon Fonts in Text Layers
11. Use Local Fonts with Figma Font Helper
12. Upload Fonts to an Organization
13. Upload Fonts to a Team in an Organization
14. Manage Missing Fonts
15. Changes to Line Height Behavior
16. Convert Text to Vector Paths
17. Create and Apply Text Styles
1. Introduction: Images
2. Add Images to Your Designs
3. Add Animated GIFs to Prototypes
4. Upload an Image as a Fill
5. Add Image in Bulk with Place Image
6. Paste Images in the Canvas
7. Crop an Image
8. Adjust the Properties of an Image
1. Introduction: Arrange Layers
2. Select Layers and Objects
3. Adjust the z-index with Layer Order
4. Adjust the Alignment or Distribution of Layers
5. Adjust the Position or Dimensions of Layers
6. Tidy Up Objects
7. Measure Distances Between Objects
8. Parent, Child, and Sibling Relationships
9. Arrange Objects with Smart Selection
10. Create Dynamic Designs with Auto Layout
1. Introduction: Layer Properties
2. Rename Layers
3. Lock and Unlock Layers
4. Toggle Visibility to Hide Layers
5. Add Fills to Layers
6. Apply Paints with the Color Picker
7. Apply Shadow or Blur Effects
8. Create Unique Effects with Blend Modes
9. Create Layout Grids with Grids, Columns, and Rows
10. Apply Constraints to Define How Layers Resize
11. Combine Layout Grids and Constraints for Flexible Layouts
12. View and Adjust Colors in a Mixed Selection
13. Color Profiles in Figma
14. Paints in Figma
1. Introduction: Components
2. Getting Started with Components
3. Create a Main Component to Re-use in Designs
4. Name and Organize Components
5. Create an Instance of a Main Component
6. Swap Between Components in a File
7. Override Properties of a Component Instance
8. Reset Overrides to Restore a Main Component
9. Detach Instances from the Main Component
10. Make Changes to Main Components and their Instances
1. Introduction: Styles
2. Styles in Figma
3. Manage and Share Styles
4. Apply Styles to Layers and Objects
5. Create Color Text Effect and Layout Grid Styles
1. Introduction: Prototyping
2. Getting Started with Prototyping
3. Build Prototypes with Interactions and Animations
4. Create Advanced Animations with Smart Animate
5. Create Overlays in your Prototypes
6. Prototype Scrolling with Overflow Behavior
7. Set Prototype Starting Frame and Device
8. Share your Prototype with Others
9. View Prototypes on Mobile
10. Set Prototype Presentation View Options
11. Give Feedback on Prototypes with Comments
12. Introduction: Prototyping
1. Introduction: Team Library
2. Getting Started with Team Library
3. Enable Libraries in the Assets Panel for a File
4. Enable Libraries in the Assets Panel for a Team
5. Publishing Components and Styles to Team Library
6. Create Private Components in a Published File
7. Publish a File to Team Library
8. Publish Changes to a Team Library
9. Accept Updates from Team Library
10. Remove a File from your Libraries
11. Unpublish a File from Team Library
12. Libraries in an Organization
13. Publish a Library to an Organization
14. Choose Default Libraries in an Organization
15. Remove Styles and Components from a Library
16. Remove Libraries from an Organization
17. Track Library and Component Usage within Design System Analytics
18. Publish a Library to an Organization
1. Introduction: Collaboration
2. Add Comments to Files or Prototypes
3. View and Manage Comments
4. Move or Edit Comments
5. Adjuts Comments Notification Settings
6. Follow Along with Observation Mode
7. Share Designs with Developer Handoff
1. Introduction: Projects
2. Projects in Figma
3. Create a New Project
4. Favorite a Project
5. Pin a File to a Project
6. Move, Rename, or Delete Projects
1. Introduction: Exports
2. Getting Started with Exports
3. Export Settings
4. Using the Slice Tool
5. Configure your Browser Downloads Folder
6. Export Settings

About this course

Free
169 lessons
17.5 hours of video content

Discover your potential, starting today

Enroll today

Getting Started

Imports

File Browser

Files

Shapes & Tools

Text

Images

Arrange Layers

Layer Properties

Components

Styles

Prototyping

Team Library

Collaboration

Projects

Export

About this course