Courses, tutorials, projects – Figma Learn - Help Center

Figma Learn: Courses, Tutorials, and Projects

This page serves as a central hub for Figma's educational resources, offering structured collections, beginner courses, and technical tutorials.

Core Product Areas

• Design & Prototype: Core Figma Design features.
• Dev Mode: Tools for translating designs into code.
• FigJam: Digital whiteboarding and collaboration.
• Figma Slides: Co-creation of presentations.
• Figma Draw: Advanced vector illustration tools.
• Figma Sites (Beta): Building and publishing responsive websites.
• Figma Make (AI): Prompt-to-code and AI-assisted design features.

Key Educational Collections

• Components Collection: Covers fundamentals, nesting, variants, slots, interactive components, and library management.
• Figma Sites Collection: Focuses on CMS, breakpoints, design-to-site workflows, AI code layers, accessibility, and publishing.
• Figma MCP (Model Context Protocol) Collection: Guides on setting up remote MCP servers, creating plugins with agentic tools, and improving developer workflows.
• Figma Design for Beginners (2025): A comprehensive path covering account setup, file navigation, layers, frames, auto layout, constraints, components, and prototyping.
• Introduction to Design Systems: Lessons on defining, building, and documenting systems, including tokens, variables, and styles.
• Build Your First Plugin: A technical walkthrough covering API setup, development, and publishing to the Figma Community.

Additional Resources

• Projects: Hands-on exercises (e.g., illustrating a flower vase).
• Developer Docs: Access to APIs and embeds.
• Figma Community: Access to shared resources from other creators.