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 system6
- Updating your design system
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.
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.