During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

Learn about our Boston Training Center

American Graphics Institute

8 Cabot Rd
Woburn, MA
01801
USA
(781) 376-6044

Graphic Design Courses, Web Design Classes, Adobe Training, Photoshop Classes, InDesign Courses, HTML Classes, UX Classes, Creative Cloud Classes, Illustrator Classes, and Apple Training in Boston.

View Larger Map

All classes include

Free retakes

Detailed curriculum

Live instructor

Flexible rescheduling

Certificate of Completion

Figma Class in Boston on April 4, 2023 Introduction

Figma Course - Introduction

Tue, Apr 4 2023

AGI Training Boston

$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

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