All Figma classes include
Free retake
Detailed curriculum
Live instructor
Flexible rescheduling
Certificate of Completion
Small class sizes
Course recording
Skills learned in the Figma desgin system course
- Understand the role of Figma design systems: Learn the benefits of using design systems and libraries in Figma projects.
- Build a Figma design system: Gain hands-on experience creating responsive elements, components, and system structures from scratch.
- Integrate design systems into workflows: Learn how Figma design systems streamline collaboration and fit into your project process.
- Structure and organize a design system: Learn how to plan taxonomy, library structure, and organize components based on use cases.
- Conduct a design audit: Learn to evaluate, categorize, and clean up existing Figma components, styles, and tokens for consistency and efficiency.
- Use and apply naming conventions: Learn best practices for modular, meaningful naming that improves organization and system scalability.
- Use variables in Figma systems: Learn to create and organize Boolean and String variables and manage collections effectively.
- Create and manage design tokens: Learn to apply design tokens for sizes, modes, and variables to ensure consistent styling.
- Develop and organize fill styles: Learn to differentiate color variables from fill styles, and manage fills for gradients and images.
- Create and organize text styles: Learn to create, edit, and manage typography styles across Figma files and systems.
- Build components and component sets: Learn best practices for component creation, organization, and property management in Figma.
- Publish and maintain Figma design systems: Learn to publish, share, implement, and update Figma design systems for ongoing project use.
This course is available individually or as part of these certificate programs
Figma Design System Course - Course Dates
All classes are led by a live instructor. Class times listed are Eastern time.
Figma design system course topics
Overview and theory of Figma design system
- Why use a Figma design system
- How Figma libraries fit into a design system
- Discovering the significant parts of a design system
Figma design systems in practice: building a design system in Figma
- Hands-on practice building a Figma design system from scratch
- Tips and tricks on building elements that are responsive
- Building components
Getting started with Figma design systems
- Figma design system functionality
- How design systems fit into your Figma workflow
Parts of a design system
- Discovering how libraries play a part in a Figma design system
- Determining structure and taxonomy based on use case
Starting your Figma design system
- Where do you begin?
- Understanding the design system process
Conducting a design audit
- Locating and evaluating existing Figma components, styles, and tokens
- Categorize all UI elements
- Determining the nature and functionality of your styles, components, and tokens
- Eliminating duplication, Identifying redundant and determining missing components
- Confirming the visual design is consistent and suitable
- Verifying that existing elements match style and aesthetics
Naming conventions for Figma design systems
- Building names in a meaningful and modular way
- Using names for system organization in Figma
Using variables in a Figma design system
- Creating Boolean variables
- Creating String Variables
- Organizing collections
Creating design tokens in a design system
- Understanding when to use design tokens for sizes
- Applying and editing tokens in Figma
- Using modes with design tokens
Creating and using fill styles
- Difference between Figma color variables and fill styles
- Creating fill styles for gradients and images
- Organizing and naming fill styles
- Integrating styles into other files and systems
Creating text styles for Figma design systems
- Creating and editing type styles
- Organizing and naming fill styles
- Integrating styles into other files and systems
Creating components and component sets in a Figma design systems
- Figma component best practices
- Component organization
- Adding properties
- Exposing properties
Publishing and using Figma design systems
- Publishing your Figma design system
- Implementing your design system
- Sharing your design system
- Updating your design system
Figma course instructors
AGI instructors are Figma professionals and skilled teachers. You'll learn from a live Figma professional that brings years of experience that will help you learn Figma quickly and easily.
Jennifer S.
MS, Human Factors Information Design
BA, Commercial Art
UXQB Certfied
Adjunct Professor, Boston University
Grace
MS, Information Design
BA, Digital Communications
Adjunct Professor, St. Olaf
Custom and private Figma classes
This Figma course is available as a private class. Curriculum can be customized for your specific needs. Figma classes can be delivered at your location, online, or in our classrooms. For more information, call 781-376-6044 to speak with a training consultant or contact us.
Instructor profile for Figma design systems courses
Jennifer Smith holds a Master's of Science degree in Human Factors Information Design. When not teaching Figma at AGI, she teaches graduate coursework at Boston University and is a UX professional leading design projects. Jennifer has been named a Microsoft MVP for three consecutive years for her work in the user experience field of wireframing and prototyping mobile app designs. She has delivered global UX, UI, and design-tools training for mobile, tablet, and desktop application developers, business analysts, and development teams for major U.S., Asian, and European technology companies, major retailers, apparel companies, and mobile device companies. She has delivered professional development training sessions for professors at computer science and human factors programs and for Microsoft's employees at their internal Microsoft TechReady event. Jennifer also has a B.A. degree in Communication Design in addition to her master's degree. Additional instructors with equal or higher qualifications also teach this course.
Figma design system course prerequisites
This course requires previous experience working in Figma and understanding of skills covered in the Introduction to Figma course and Advanced Figma course, or the Figma Bootcamp. Participants must have an understanding of how to apply styles, components, variants, variables, and properties to elements in Figma.
Earn a Figma certificate
Earn a Figma certificate from American Graphics Institute, a private licensed school, with this Figma design system course. The printed Figma certificate is suitable for framing or display, while the digital version of the certificate can be shared on LinkedIn, and is verifiable via the AGI website.
Repeat for free
If you need a refresher or miss a day of class, you can repeat the Figma class at no additional cost for one year when you attend a regularly schedule, public Figma design systems course.
Private Figma classes for Companies and Groups
This Figma class is available as a private workshop for your company, group, or team. Use the contact form or call 781 376-6044 to learn more about private classes.
Figma FAQ
Do I receive a Figma certificate?
AGI provides a certificate upon course completion, which can be shared on LinkedIn and verified digitally on the AGI website.
How many students are in a Figma class
AGI limits its class sizes so that you receive personalized attention. Classes are limited to no more than 10 participants.
Can I get specific Figma questions answered in the class
Yes, as a live class, you can ask the instructor questions about how to use Figma.
Does this Figma class include job placement support
AGI provides job support only when Figma classes are taken as part of a longer-term certificate program, where AGI has a dedicated career counselor assigned to each certificate student.
Is this Figma class for Mac or Windows
Using a Mac or Windows computer, you can attend this Figma class. The application itself has identical functionality for both. If attending in our classrooms, a computer will be provided using the operating system of your choice.