The Ultimate Figma Mastery Course Information
The Ultimate Figma Mastery Course by Pierluigi Giglio is a comprehensive course designed to teach Figma, a leading design tool for UI/UX and web designers, from basic to advanced levels.
Learn Figma from A to Z from a lead designer with a decade of experience.
What You’ll Learn In The Ultimate Figma Mastery Course?
Welcome
In this section, you will learn about Figma and how to use this course effectively.
- How to Use this Course.mp4
- Course Files
Basics
Learn the basic principles of Figma
- The Starter Screen.mp4
- How to Install Project Files.mp4
- How to Move in Figma.mp4
- How to Move in Figma.fig
- Lines & Arrows.mp4
- Move & Scale Tools.mp4
- Move & Scale.fig
- Rectangle Tool.mp4
- Polygon Tool.mp4
- Ellipse Tool.mp4
- Star Tool.mp4
- Groups vs Frames.mp4
- Typography Basics.mp4
Intermediate
- Image Editing.mp4
- Colors & Blend Modes .mp4
- Mask Tool.mp4
- Drop Shadow.mp4
- Pen Tool.mp4
- Frames, Positioning & Alignment.mp4
- Resize Frames without Resizing Content.mov
- Strokes.mp4
- Background Blur.mp4
- Copying Style Properties.mp4
- Overlay Text Effect.mp4
- Outline Stroke.mov
Advanced
- Autolayout.mp4
- Layout Grids.mp4
- Intro to Components.mp4
- When to Use Components.mp4
- Intro to Variants.mov
- Responsive Workflows.mp4
- Shortcuts.mp4
- Shortcuts.fig
- Slice Tool.mov
- Brush Stroke.mov
- Figma to PDF.mp4
- Smart Animate & Delays.mp4
Collaboration
- How to Export Assets.mp4
- Sharing Work.mp4
- Comments in Figma.mp4
- Intro to Figjam.mp4
- How to Install Plugins.mp4
- Dev Mode.mp4
- Developer Hand-off.mp4
- Set up a Team Project.mov
Prototypes & Animations
- Prototyping 101.mp4
- How to Use Sections in Figma.mp4
- Sections.fig
- Smart Animate 101.mp4
- Smart Animate: Project.mov
- Smart Animate – Onboarding animation.fig
Design Systems
- What is a Design System.mp4
- Structure a Design System like a Pro.mp4
- Color Styles.mp4
- Typography Styles.mp4
- Iconography.mp4
- Shadows, Grids, Spacing and more.mp4
- Fortune 500 Design Systems: Analysis & Freebies.mp4
- Atomic Design Principles 101.mp4
Let’s Build a Landing Page from Scratch
In this section we will go through a live web design project from scratch, from the very first client interaction all the way to the finished design solution
- Discovery Call and User Personas.mp4
- Content Architecture.mp4
- Wireframe Foundations.mp4
- Wireframe Progress.mp4
- UI Design Foundations.mp4
- Social Proof and Features.mp4
- Content Features.mp4
- Pricing UI.mp4
- Contact Us.mp4
- Footer.mp4
- Website.fig
Web App with Autolayout
In this section we’ll create a web app UI from a live project and we’ll be using autolayout in the process.
- Intro to the Project.mp4
- 2. Side Menu.mp4
- 3. Header.mp4
- 4. Head.mov
- 5. Currency Components.mp4
- 6. Filters Menu.mp4
- Dashboard.fig
Essential Plugins
Plugins are like the secret sauce in the Figma recipe! They’re the magic touch that takes our designs to the next level, breaking down barriers and unleashing a world of endless creativity.
- Pitch Decks: Design & Export to Slides or Powerpoint
- Text around a Path.mov
- Lorem Ipsum .mov
- Variable Width Strokes.mov
- Mesh Gradients.mov
- Content Reel.mov
- Editing Images with PhotoPea.mov
- Html to Figma.mov
- Unsplash.mov
- Remove Backgrounds Fast.mp4
- Image to SVG.mp4
Additional Resources
Additional resources to help you advance in your journey towards mastering Figma
- How to Install a Font in Figma.mov
- Publish Files to Figma Community.mov
- Figma File Thumbnails.mov
- Image Optimization for the Web.mp4
- Figma to WebP.mp4
- Top Sites for Royalty Free Images.mp4
- Figma Files Management 101.mp4
- Full Design Process overview.mov
Bonus Resources
- Figma Cheat Sheet.fig
More courses from the same author: Pierluigi Giglio
Salepage: The Ultimate Figma Mastery Course – Pierluigi Giglio