Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.


Figma Class Online December 7 2022

Figma Course - Introduction

Wed, Dec 7 2022
10:00 am to 5:00 pm
American Graphics Institute American Graphics Institute
Online Training
American Graphics Institute AGI Training Online Online

2022-01-26 00:36:23 $495.00

Learn Figma to create prototypes for websites, applications and more in this hands-on Figma course. Use Figma’s design features to create the visual design for your interactive projects. Use the prototyping features to add interactivity like clickable links. Publish to share your designs and library of styles with your team as part of this collaborative prototyping tool.

Download Course Description (PDF)     See all Figma Classes, See all UX Classes and UX Courses
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


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