Course Overview
TOPTake your Figma skills to the next level with our Advanced Figma course with certificate. This live Figma course is for those who know how to use Figma to create basic user interfaces and prototypes and want to focus on building responsive and reusable components. You learn to create and build UI patterns and add them to a design library through live instruction and multiple in-class projects. You ll also discover best practices for structuring and organizing styles, variables, and components.
Scheduled Classes
TOPWhat You'll Learn
TOP- Working with responsive layout controls
- Understanding and applying Constraints
- Using Components
- Adding Animation
- Important Plug-ins
- Creating pattern libraries for a design system
Sharing prototypes
Outline
TOP
Viewing outline for:
Responsive layout controls
- Using layout grids, columns, and rows
- Understanding constraints as they relate to the layout grids
- Saving and applying layout styles
Understanding and applying constraints
- Controlling alignment
- Controlling spacing in your design
- Constraints as they relate to parent-child relationships
Components
- Swapping components
- Nesting components
- Adding variants
- Exposing nested variant properties
- Component naming and organization
- Creating interactive components
Adding animation
- Basic animation prototyping
- Setting up triggers
- Using the auto-animate features
- Simulating menus with auto-animate transitions
Plug-ins
- Discovering and adding plug-ins
- Plug-ins that can make you more efficient
- Plug-ins for development
Creating a pattern library for your design system
- Creating and organizing pages in your library
- Organizing your library
- Sharing your library
Sharing your prototype
- Sharing for review
- Sharing for development
- Exporting and sharing your prototype’s specs
Using variables
Taking advantage of color, number, string, and boolean variables
These topics serve as an outline for the course. Instructors may adjust content based on the specific needs of each class, such as to answer your Figma questions.
Prerequisites
TOPYou must have the Figma software to attend this class. Virtual labs are not provided You can purchase the software or obtain a trial version from the Figma website. You should have experience with all topics covered in the introductory Figma course before enrolling in this advanced Figma training.