Figma Noob to Pro!
This course is your one way ticket to becoming a pro at Figma! Master the skills to design stunning UX & UI experiences with Figma and take your design career to the next level!
Over 70+ video lessons - 7+ hours of content, for both beginners and intermediate users (even advanced users)!
Example Curriculum
- Why to use autolayout? (7:38)
- Adding autolayout (Direction, padding and Space between) (4:37)
- Fixed width, Fill Container, and Hug contents (8:32)
- Packed vs Space between (2:22)
- Absolutely positioning elements (2:27)
- Canvas Stacking, Align text baseline and Stroke inclusion (4:38)
- Wrapping + Min and Max Width/Heights (10:09)
- Autolayout Quiz
- ✅ Exercise: Create the structure of an app (DON'T SKIP!) (4:08)
- What are components for, and when to use them. (2:27)
- Basics (Creating a component, Detaching, Instances, Resetting specific properties) (4:35)
- Creating multiple components instantly (5:19)
- Component properties (Boolean, Instance swap, Text, Layer) (5:10)
- Exposing nested instances (5:50)
- Creating State Variant (5:07)
- Interactive Components (2:15)
- Creating Size Variant (5:18)
- Create Disabled Toggle (Variant Toggle) (3:26)
- Simplify all instances (2:19)
- Documenting your components (4:50)
- ✅ Exercise: Create a component yourself (Don't Skip!)
- Before going forward! (0:22)
- Basics (Device Type, Prototype color, Flows, Enabling Scroll) (7:50)
- Types of triggers (8:07)
- Types of actions (open overlay, swap overlay, scroll, back, links) (6:45)
- Instant, Dissolve, and Smart Animate (Along with easing types) (4:52)
- Move in, Move out, Push, Slide in, Slide out (6:51)
- Sections (2:41)
- Correct way to create sidebars, headers and other navigations (4:17)
- Sticky and Fixed Items while scrolling (4:08)
- Landing page animation on scroll (22:55)
- State management for Prototypes (NEW RELEASE) (6:54)
- What are variables? When to use them? And Variables vs Styles (6:28)
- Creating our variable + aliasing + groups (6:16)
- Typography variable and gradient update (NEW) (11:31)
- Modes, inheritance, Mode Problems (12:01)
- Figma Tokens: Primitives, Semantic, and Component Tokens (9:39)
- Scoping, publishing variables (2:38)
- Advanced Prototyping with Variables (14:34)
- ✅ Exercise: Variables and Prototyping (9:08)
- The Project and File Template (4:09)
- AI to help us get started (7:06)
- Rough structure of the page (19:14)
- Including large images into Figma (1:51)
- Creating basic wireframe (35:44)
- Using font awesome in your designs (5:28)
- Using Aspect Ratios (3:14)
- The 4px 8px grid (9:53)
- Creating local styles (typograhpy, colors) (7:03)
- Wireframe to Design (42:59)
- Making designs responsive (23:42)
- Useless Responsive Video (Breakpoints Plugin) (2:54)
- Adjusting mobile screens (11:18)
Complete Mastery of Figma Tools
The course covers almost all aspects of Figma in depth, giving learners a holistic understanding of the platform and its capabilities, even the new ones coming up.
Practical, Real-World Application
The course focuses on the practical application of Figma, taking learners through a real-world project scenario, and talking about things that truly matter, rather than fluff!
In-Depth Understanding of Autolayout
The course provides a deep dive into autolayout, enabling learners to efficiently organize and scale designs. This knowledge can dramatically improve productivity and the quality of your designs.
Developer Handoff
The course includes guidance on how to effectively hand off designs both clients & developers, a critical skill in the design process, and includes core concepts like the 4px/8px grid.
Stay ahead with Figma updates!
The course stays up-to-date with all new features in Figma, ensuring learners have the most current knowledge and skills. Learning from an outdated course can even be more detrimental.
Solutions to your everyday problems
This course does not talk (for the most part) about things like responsive grids, or a lot of fancy things that are an eye candy to designers, but have little to no value in your day to day workflow.
About AM Design
AM Design is a popular Youtuber and one of the prominent voices in the Figma space. He is a self taught UX UI Designer, who's an expert-vetted talent on Upwork (Top 1%) with over a million dollars in earnings.
As of today (21st May 2023) he works for Mattermost as a Senior UX Designer, and also runs a top-rated plus Upwork Agency named The Small Square