AboutTeamsPricing
New content added weeklyLive

Master Figma with Adaptive AI.

Master Figma across 18 topics - Foundations, Intermediate, and Advanced - guided by Leyaa's adaptive intelligence.

3Parts
18Topics
138Patterns
35hEst. duration
Start Learning Free
Figma
Figma Course
3 - part learning journey
Beginner
Foundations
6 topics · 48 patterns
Beginner
Intermediate
Intermediate
6 topics · 47 patterns
Intermediate
Advanced
Advanced
6 topics · 43 patterns
Advanced
Begin Part 1: Foundations
✦ Course Structure

Your Figma Journey in 3 Parts

Each part builds on the last - a deliberate progression from beginner to advanced.

Beginner
Beginner
Part 1: Foundations
Covers Figma Basics and Design Tool Concepts, Frames and Layout, Shape Tools and Drawing and 3 more topics.
6Topics
48Patterns
View topics
Intermediate
Intermediate
Part 2: Intermediate
Covers Components, Auto Layout, Styles and Design Tokens and 3 more topics.
6Topics
47Patterns
View topics
Advanced
Advanced
Part 3: Advanced
Covers Design Systems, Advanced Components, Responsive Design Patterns and 3 more topics.
6Topics
43Patterns
View topics
Curriculum

Everything You'll Learn

Explore every topic and pattern in the course.

Figma

3 parts · 18 topics · 138 patterns
Beginner
Part 1: Foundations6 topics · 48 patterns
Beginner
01
Figma Basics and Design Tool Concepts
7 patterns
Why Figma is the industry standard
Figma vs Sketch vs Adobe XD
Browser-based vs desktop app
Figma account and workspace setup
Interface overview (toolbar, layers, properties)
File and project organization
First Figma design
02
Frames and Layout
8 patterns
Why frames are the foundation of design
Frame vs group difference
Creating and resizing frames
Device-specific frames (mobile, desktop, tablet)
Frame nesting
Constraints for responsive behavior
Rulers and guides
Grid and column layout
03
Shape Tools and Drawing
8 patterns
Why shapes build visual elements
Rectangle and ellipse tools
Line and arrow tools
Polygon and star shapes
Boolean operations (union, subtract, intersect, exclude)
Pen tool for custom paths
Vector editing mode
Corner radius and smoothing
04
Color and Fill
8 patterns
Why color communicates meaning
Solid fills
Linear gradient
Radial gradient
Color picker and hex values
Opacity control
Multiple fills on one element
Eyedropper tool
05
Typography
9 patterns
Why typography drives readability
Text tool basics
Font selection and pairing
Font size and line height
Letter spacing and paragraph spacing
Text alignment and vertical alignment
Text decoration and case
Auto-width vs auto-height text
Google Fonts integration
06
Images and Effects
8 patterns
Why visuals enhance design quality
Image import and placement
Image crop and fill modes
Image filters (exposure, contrast)
Drop shadow effect
Inner shadow effect
Layer blur
Background blur
Intermediate
Part 2: Intermediate6 topics · 47 patterns
Intermediate
01
Components
8 patterns
Why components enable consistency
Creating components
Component instances
Overriding instance properties
Nested components
Component variants
Variant properties (boolean, enum)
Swapping instances
02
Auto Layout
9 patterns
Why Auto Layout creates responsive designs
Adding Auto Layout to frames
Direction (horizontal, vertical)
Spacing between items
Padding control
Alignment within Auto Layout
Resizing rules (hug, fill, fixed)
Nested Auto Layout
Absolute positioning within Auto Layout
03
Styles and Design Tokens
7 patterns
Why styles ensure brand consistency
Color styles
Text styles
Effect styles
Grid styles
Applying and detaching styles
Style organization and naming conventions
04
Prototyping
9 patterns
Why prototyping validates design ideas
Prototype mode overview
Connection creation (click, hover)
Navigate to frame
Transition animations
Smart animate
Scroll behavior (vertical, horizontal)
Overflow scrolling
Fixed elements in prototypes
05
Collaboration
7 patterns
Why real-time collaboration improves workflow
Sharing files and permissions
Real-time multiplayer editing
Comments and feedback
Version history
Branching and merging
Design review workflows
06
Plugins and Resources
7 patterns
Why plugins extend Figma's capability
Installing and managing plugins
Content generation plugins (Lorem ipsum, icons)
Accessibility checker plugins
Export and handoff plugins
Community resources and templates
Figma Community exploration
Advanced
Part 3: Advanced6 topics · 43 patterns
Advanced
01
Design Systems
8 patterns
Why design systems scale product design
Design system file structure
Component library organization
Atomic design methodology
Token-based design (spacing, color, type)
Documentation within Figma
Publishing and maintaining libraries
Multi-brand design systems
02
Advanced Components
7 patterns
Why advanced components reduce design debt
Interactive components
Component properties (text, boolean, instance swap)
Slots pattern for flexible components
Base component architecture
Variant matrix organization
Component set best practices
03
Responsive Design Patterns
7 patterns
Why responsive design serves all devices
Breakpoint-based design
Responsive text behavior
Responsive grid systems
Adaptive vs responsive strategy
Mobile-first design workflow
Testing responsive designs in prototype
04
Developer Handoff
7 patterns
Why clean handoff improves development
Inspect mode
CSS properties export
Spacing and measurement tools
Asset export (PNG, SVG, PDF)
Export settings and scales
Design-to-code workflow
05
Advanced Prototyping
7 patterns
Why advanced interactions test complex flows
Conditional interactions
Variables in prototypes
Multi-step flows
Form-like interactions
Micro-interaction design
Prototype presentation mode
06
Workflow and Productivity
7 patterns
Why efficient workflows save time
Keyboard shortcuts mastery
Batch operations and selection
Find and replace across files
File organization best practices
FigJam for brainstorming
Design sprint workflow in Figma
Why Leyaa

Not just a course. A learning intelligence.

Leyaa doesn't just deliver content - it understands where you are, what you need, and how to get you there fastest.

Adaptive Diagnostics
Adaptive Diagnostics
Leyaa identifies which of the 138 patterns you've mastered and which need work - before you waste time on what you already know.
Pattern-Level Precision
Pattern-Level Precision
Every pattern gets a verdict - Learn, Practice, or Skip - so your study time goes exactly where it counts.
Intelligent Pacing
Intelligent Pacing
Leyaa reads your velocity across the whole course and adapts your focus list dynamically, keeping you in the optimal learning zone.
Before & After Visibility
Before & After Visibility
Every assessment creates a snapshot. Retake anytime to see exactly how much you've grown - topic by topic, pattern by pattern.
Learner Autonomy
Learner Autonomy
Leyaa recommends, never restricts. Override any suggestion and explore at your own pace - the system tracks everything regardless.
Clear Learning Path
Clear Learning Path
Foundations → Intermediate → Advanced - a structured journey where each part sets you up perfectly for the next.
Figma

Ready to master Figma?
Start your journey today

Start your diagnostic now. Build mastery across all 18 topics in under 15 minutes.

18 Topics
138 Patterns
Personalized roadmap
Leyaa Swift Bird