Chapter 1: Figma Foundations
What Figma Is, Files Projects and Teams, Design vs FigJam, Browser and Desktop App, First Frame
Open chapterChapter 2: Interface and Navigation
Toolbar, Layers Panel, Properties Panel, Canvas Navigation, Search and Quick Actions
Open chapterChapter 3: Frames and Sections
Frames, Sections, Nesting, Clipping Content, Frame Presets
Open chapterChapter 4: Shapes and Vector Basics
Rectangle Ellipse Line, Pen Tool, Vector Networks, Boolean Operations, Flattening
Open chapterChapter 5: Selection and Alignment
Multi-Select, Align, Distribute, Tidy Up, Smart Selection
Open chapterChapter 6: Layout Grids
Columns, Rows, Grid, Margins and Gutters, Responsive Grid Thinking
Open chapterChapter 7: Auto Layout Foundations
Auto Layout, Direction, Gap, Padding, Alignment
Open chapterChapter 8: Auto Layout Sizing
Hug Contents, Fill Container, Fixed Size, Min Max Size, Nested Auto Layout
Open chapterChapter 9: Advanced Auto Layout
Wrap, Absolute Position, Negative Spacing, Baseline Alignment, Responsive Components
Open chapterChapter 10: Text and Typography
Text Layers, Font Family, Size Weight Line Height, Letter Spacing, Paragraph Settings
Open chapterChapter 11: Typography Systems
Type Scale, Text Styles, Responsive Type, Readable Measure, Typography Tokens
Open chapterChapter 12: Color and Fills
Solid Fill, Gradient, Image Fill, Blend Modes, Color Contrast
Open chapterChapter 13: Strokes Effects and Corners
Strokes, Corner Radius, Shadows, Blur, Layer Effects
Open chapterChapter 14: Images and Media
Place Image, Crop Fit Fill, Masking, Image Optimization Concepts, Video and Media Concepts
Open chapterChapter 15: Components
Creating Components, Instances, Overrides, Component Structure, Component Naming
Open chapterChapter 16: Variants
Variant Properties, State Variants, Size Variants, Boolean Properties, Variant Organization
Open chapterChapter 17: Component Properties
Text Properties, Boolean Properties, Instance Swap, Property Exposure, Component API Thinking
Open chapterChapter 18: Libraries
Publishing Library, Consuming Library, Updates, Permissions, Library Governance
Open chapterChapter 19: Variables Foundations
Variables, Collections, Color Variables, Number Variables, String and Boolean Variables
Open chapterChapter 20: Variable Modes
Modes, Light and Dark, Mobile and Desktop, Semantic Tokens, Mode Inheritance
Open chapterChapter 21: Design Tokens
Primitive Tokens, Semantic Tokens, Alias Chains, Naming Strategy, Token Documentation
Open chapterChapter 22: Styles vs Variables
Color Styles, Text Styles, Effect Styles, When to Use Variables, Migration Strategy
Open chapterChapter 23: Prototyping Basics
Flows, Connections, Triggers, Actions, Present Mode
Open chapterChapter 24: Prototype Navigation
Navigate To, Back, Open Overlay, Scroll To, Open Link
Open chapterChapter 25: Smart Animate
Smart Animate, Matching Layers, Easing, Duration, Transition Pitfalls
Open chapterChapter 26: Interactive Components
Change To, Hover States, Pressed States, Toggle Components, Reusable Interactions
Open chapterChapter 27: Variables in Prototypes
Set Variable, Number Variables, String Variables, Boolean Variables, Variable-Driven UI
Open chapterChapter 28: Advanced Prototype Logic
Expressions, Conditionals, Multiple Actions, Counters and Calculations, State Machines
Open chapterChapter 29: Variable Modes in Prototypes
Set Variable Mode, Theme Switcher, Locale Simulation, Device Mode Simulation, Contextual Modes
Open chapterChapter 30: Scrolling and Overflow
Vertical Scroll, Horizontal Scroll, Fixed Elements, Sticky Concepts, Nested Scrolling
Open chapterChapter 31: Responsive Design
Constraints, Auto Layout, Min Max, Responsive Frames, Breakpoint Thinking
Open chapterChapter 32: Mobile App Design
Mobile Patterns, Navigation, Touch Targets, Safe Areas, Mobile Prototype
Open chapterChapter 33: Web Design
Desktop Grid, Responsive Header, Hero, Content Sections, Footer
Open chapterChapter 34: Dashboard Design
Sidebar, Top Navigation, Data Cards, Tables, Filters
Open chapterChapter 35: Forms and Input Design
Text Fields, Selects, Checkboxes, Validation, Form Flow
Open chapterChapter 36: Accessibility in Figma
Contrast, Focus Order Concepts, Touch Targets, Text Scaling, Annotations
Open chapterChapter 37: Content Design
Microcopy, Labels, Error Messages, Empty States, Localization Readiness
Open chapterChapter 38: Icon Design
Icon Grid, Stroke Consistency, Optical Alignment, Variants, Export
Open chapterChapter 39: Illustration and Visual Assets
Simple Illustration, Brand Shapes, Image Direction, Asset Consistency, Export
Open chapterChapter 40: Design System Architecture
Foundations, Components, Patterns, Documentation, Governance
Open chapterChapter 41: File Organization
Pages, Sections, Naming, Archive Strategy, Template Files
Open chapterChapter 42: Collaboration
Comments, Multiplayer Editing, Branching Concepts, Reviews, Version History
Open chapterChapter 43: Developer Handoff
Dev Mode, Inspecting Specs, Measurements, Assets, Code Snippets
Open chapterChapter 44: Variables in Dev Mode
Variable Details, Suggested Variables, Collections, Modes, Token Handoff
Open chapterChapter 45: Annotations and Ready for Dev
Annotations, Status, Specs, Edge Cases, Handoff Checklist
Open chapterChapter 46: Figma for VS Code Concepts
Design Inspection, Code Context, Component Mapping, Workflow, Limitations
Open chapterChapter 47: Plugins and Widgets
Finding Plugins, Plugin Permissions, Productivity Plugins, Widgets, Plugin Safety
Open chapterChapter 48: Figma Community
Community Files, Templates, Libraries, Licensing Awareness, Adapting Resources
Open chapterChapter 49: FigJam for UX Work
Brainstorming, Sticky Notes, Flows, Workshops, Research Synthesis
Open chapterChapter 50: User Testing with Prototypes
Test Plan, Tasks, Observation, Notes, Iteration
Open chapterChapter 51: Design Critique
Critique Rules, Giving Feedback, Receiving Feedback, Decision Logs, Iteration
Open chapterChapter 52: Figma Make
What Figma Make Is, Prompting Concepts, Visual Editing, Annotations, Design-to-Code Exploration
Open chapterChapter 53: Figma Motion
Timeline Concepts, Motion on Canvas, Transitions, Component Motion, Motion Review
Open chapterChapter 54: Code Layers and Advanced Canvas
Code Layer Concepts, Interactive Visuals, Shaders Concepts, Generative Plugins, Use Cases
Open chapterChapter 55: Design-to-Code Workflow
Design Tokens, Component Mapping, Responsive Specs, Dev Review, Implementation Feedback
Open chapterChapter 56: Performance and Large Files
Layer Count, Component Complexity, Image Weight, Library Scope, File Splitting
Open chapterChapter 57: Multi-Language and RTL
Text Expansion, RTL Layout, Variables for Copy, Locale Modes, Testing
Open chapterChapter 58: Portfolio Project
Problem Statement, Case Study Structure, Screens, Prototype, Presentation
Open chapterChapter 59: Professional Workflow
Brief, Research, Design, Review, Handoff
Open chapterChapter 60: Figma Capstone
Research, Design System, Responsive Product, Advanced Prototype, Developer Handoff
Open chapter