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.
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.
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.
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
Creating 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 layouts 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
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.