Andrija Prelec – Advanced Figma Video Course + Let’s Design Together Add-on

Master advanced Figma strategies while achieving superior efficiency and productivity as a designer! Advanced Figma Video Course is a hands-on, engaging, and practical video course teaching you everything you need to know to be a confident Figma user and a better designer.

Advanced Figma Video course is the most thorough online course teaching you all the advanced aspects of Figma. This course was made with you in mind. It targets all your biggest struggles, concerns, and pitfalls and transforms you into a Figma ace!

A senior product designer, mentor, and lecturer will guide you through all the advanced features and workflows that make extraordinary designs possible. Feature by feature, from the ground up, ace Figma with us, and secure the best possible professional future for yourself.

What You’ll Learn In Advanced Figma Video Course + Let’s Design Together Add-on

Module 1: Introduction

• Thank You and Welcome!
• Who is This Course For?
• Playback, Captions, and Video Speed
• Prerequisites
• How to Get the Most Out of This Course?
• Assignments Overview and Tips
• Course Demo File and Assignment Resources
• UI Basics Kit for Any Type of Project
• 100+ Must-have Figma Plugins
• 100+ Must-know Figma Shortcuts
• Using Plugins in Figma
• Module Assignments Solutions
• Test Your Knowledge Assignments Solutions
• 2023 Figma Features Update

Module 2: Advanced Layers and Shapes

• Introduction to Advanced Layers and Shapes
• Analyzing Designs with Figma in Mind
• Layers, Groups, and Frames
• Layers, Groups, and Frames
• Everything’s a Box
• Keeping Layers in Place
• Positioning and Constraints
• Repositioning and Spacing Tips
• Advanced Shape Manipulation
• Advanced Masking
• Module Assignments Solutions
• Final Module Assignment 1
• Final Module Assignment 2
• Final Module Assignment 3

Module 3: Iconography in Figma

• Introduction to Iconography in Figma
• Vectors and Rasters
• Analyzing Icons
• Benefits of Using an Icon Grid
• What to consider
• Modifying Icons
• Creating Icons (Part 1)
• Creating Icons (Part 2)
• Module Assignments Solutions
• Final Module Assignment Guide

Module 4: Using Photos and Illustrations in Figma

• Introduction to Using Photos and Illustrations in Figma
• Tips on Finding Assets
• Adding Assets to Figma
• Copying Frames as PNGs
• How to Pick Visuals
• Using Images in Your Design
• Adjusting Images and Blend Modes
• Adjusting Illustrations
• Module Assignments Solutions
• Final Module Assignment Guide

Module 5: Grids and Layouts

• Introduction to Grids and Layers
• Grid Basics
• Controlling Grids in Figma
• Mobile Grids
• Tablet Grids
• Desktop Grids
• Figma Grids Tips and Tricks
• Module Assignments Solutions
• Final Module Assignment Guide

Module 6: Practical Auto-layout

• Introduction to Practical Auto-layout
• Auto-layout Basics
• Advanced Auto-layout
• Follow Along – Mobile App Bottom Sheet
• Follow Along – Table
• Module Assignment Solutions – Part One (Basics)
• Module Assignment Solutions – Part Two (Mastery)
• Module Assignment Solutions – Part Three (Mastery)
• Final Module Assignment Solution

Module 7: Figma Styles

• Introduction to Figma Styles
• Color (Fill) Styles
• Text Style
• Effect Styles and Tips
• Module Assignment Solutions

Module 8: Components and Variants

• Introduction to Components and Variants
• Component Basics and Strategy
• Variants and Properties

Module 9: Design System Basics in Figma

• Introduction to Design System Basics with Figma
• Scalable Color Palettes
• Colors Assignment
• Assignment Speed Through
• Scalable Typography
• Typography Assignment
• Assignment Speed Through
• Scalable Spacing System
• Elevation as a Foundational Element
• Iconography
• Creating Buttons
• Buttons Assignment
• Buttons Assignment Solution Walkthrough
• Input Fields and Dropdown Fields
• Input Fields Assignment
• Input Fields Assignment Solution Walkthrough
• Selection controls
• Selection Controls Assignment
• Selection Controls Solution Speed Through
• Design System Example Walkthrough
• Using a Design System
• Final Tips and Tricks

Module 10: Advanced Prototyping in Figma

• Introduction to Advanced Prototyping in Figma
• Detailed Overview of Smart Animate
• Transitions, Delays, and Clever Prototype Planning
• Hovers, Overlays, and Prototyping with Components
• Module Assignment Solutions – Part One (Basics)
• Module Assignment Solutions – Part Two (Mastery)
• Final Module Assignments Solutions

Module 11: Teamwork and Figma Organization: Tips and TricksIntroduction to Teamwork and Figma Organization: Tips and Tricks

• Important Collaboration and Sharing Tips
• How to Organize Figma Teams, Projects, Files
• File Thumbnails
• File Organization Best Practices
• Collaboration and Comments
• How to Name Screens
• Miscellaneous Assignments Solutions

Module 12: Conclusion

• Make an Impact, Leave a Review
• What’s Next?

Add-on: Let’s Design Together 

• Introduction to “Let’s Design Together”
• Responsive Web – Mobile
• Responsive Web – Tablet
• Responsive Web – Desktop
• Mobile App – Hybrid – iOS
• Mobile App – Hybrid – Android Adjustments
• iPad App
• Wearable – Apple Watch App
• Web App – Dashboard

More courses from the same author: Andrija Prelec