All Figma classes include
Free retakes
Detailed curriculum
Live instructor
Flexible rescheduling
Certificate of Completion
Figma Bootcamp
Figma Bootcamp
The Figma bootcamp combines the introductory and advanced Figma courses to provide a comprehensive course for learning this widely used design and prototyping tool. Learn to use vector design and editing capabilities, discover how to create clickable interactive projects. This class starts with foundational concepts and moves into auto-layout, masking, components, variables, and design libraries. The second half of the course is focused on building reusable components, creating UI patterns, and adding them to a design library. The class incorporates live instruction as well as in-class projects for learning Figma.
What you learn in this Figma bootcamp
- Learn to build UI and import graphics for imagery and icons
- Work effectively with groups, frames, and auto layout
- How to create, save and edit components
- The process for creating a prototype for collaboration
- Using Figma to create a design system for consistency
- Apply advanced control for positioning within frames
- How to create components and variants
- Effectively organize components, styles, variables, and other assets
- Add animation and interactivity to prototypes
- Build a pattern library
- Create variables for color, text, numbers, and booleans
- Create and share a design system
See all course topics
Ways to attend this Figma Course
- Live online from your office or home
- Live in-person at AGI’s classroom locations
- Private class, online or in-person at your location: contact us to schedule or call 781-376-6044. This comprehensive Figma course can be customized for groups from the same organization or company, and can include the use of your projects and files as part of the training.
Why learn Figma at AGI
- Hands-on learning: Learn Figma by doing with our proven method to quickly gain skills.
- Proven curriculum: We have delivered Figma training to thousands.
- Expert instructors: Our instructors are the best-in-class with Figma and are skilled UX professionals and educators.
- Small class sizes: Receive personalized attention with 10 or fewer participants per class.
- Repeat for Free: If you need a refresher or miss a class day, retake the class at no cost.
Questions about this Figma class? Interested in private or customized training for your team? Call to speak with a training consultant: 781-376-6044 or click the Chat option in the corner of this page. You can also learn about all UX Classes offered at American Graphics Institute.
This course is available individually or as part of these certificate programs:
Figma Bootcamp - Course Dates
All classes are led by a live instructor. Class times listed are Eastern time.
Ignore this.
Getting to know Figma
- Introduction to workspace
- Pages, Canvas and frames
Frame properties in Figma
- Changing the size of a frame
- Creating your own custom sized frames
- Building frames to scroll
- Adjusting a frame’s bounds
- Creating backgrounds for your frames
- Changing the fill style
Understanding layers in Figma
- Selecting items with the same properties
- Grouping and ungrouping
- Selecting and moving layers
- Grouping and ungrouping
- Viewing, locking, and unlocking layers
- Aligning and distributing objects
Using the prototyping tools in Figma
- Creating links
- Testing your links
- Editing Links
- Create fixed objects in a prototype
Using rulers, grids, and guides
- Using rulers
- Adding guides
- Using and editing layout grids
Creating shapes and other objects in Figma
- Creating custom shapes using boolean features
- Transforming and positioning
- Creating custom corners
Using Fills and strokes with Figma
- Changing the blending mode
- Changing multiple colors in selections
- Saving colors
- Applying stroke properties
- Color Values
- Frequent Colors
- Copying and pasting object properties
Applying effects in Figma
- Blurs
- Shadows
Applying constraints using Figma
- Keeping object position within Figma frames
- Controlling the resize and proportions
Working with images in Figma
- Editing an image
- Cropping and masking
- Eliminating selected parts of an image
Inserting Text into a Figma Prototype
- Kerning and Tracking
- Creating and editing text styles
- Creating styles
- Color fill and border styles
- Layer styles
Building reusable components in Figma
- Working with text and image overrides
- Organizing components
- Nesting components
Using Figma's Automatic layout
- Auto layout with multiple items
Using Figma libraries as design assets
- Creating, sharing, and editing libraries
Saving & exporting your Figma prototype
- Export Settings
Using Figma plug-ins
- How to find plug-ins
- Loading plug-ins
Responsive layout controls in Figma
- Using layout grids, columns, and rows
- Understanding constraints as they relate to the layout grids
- Saving and applying layout styles
Understanding and applying Constraints in Figma
- Controlling alignment
- Controlling spacing in your design
- Constraints as they relate to parent-child relationships
Figma Components
- Swapping components
- Nesting components
- Component naming and organization
- Creating variables
- Creating interactive components
Adding Animation in Figma
- 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 in Figma
- Taking advantage of color, number, string, and boolean variables
- Creating variable collections
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.
The Figma app is provided for classes at AGI's location. For online and private courses, you will need a Figma account. You can use the no-cost individual account for public courses delivered online. You should have experience with all topics covered in the introductory Figma course before enrolling in this advanced Figma training. We recommend that you have the Figma app before starting this class.
You will receive comprehensive Figma course manual for this class developed by the Adobe Certified Instructors at AGI. AGI instructors have created many of the official training guides and books for Adobe Systems.