FIGMA Course in Boston on November 18, 2024 Introduction

Introduction to Figma course topics

Getting to know Figma

Introduction to the workspace
Understanding atomic design
Working with structure and hierarchy

Understanding frames

Using frames vs auto frames
Frame properties
Building frames to scroll
Adjusting a frame’s bounds
Changing the fill style

Understanding layers in Figma

Grouping and ungrouping
Selecting and moving layers
Viewing, locking, and unlocking layers

Introduction to the tools: Building a simple project

Understanding text containers
Applying auto layout
Adding images
Creating components
Creating links
Create fixed objects in a prototype
Using rulers, grids, and guides    

Using Rulers and guides

Smart guide tips and tricks
Using, editing, and saving layout grids

Creating shapes and other objects

Creating custom shapes using boolean features
Transforming and positioning
Creating custom corners

Fills and strokes

Changing the blending mode
Changing multiple colors in selections
Saving colors as styles, variables
Applying stroke properties
Copying and pasting object properties

Applying effects

Blurs and Shadows
Applying multiple effects
Saving styles

Frames vs auto-layout vs groups

Understanding the difference
What drives the selection
Controlling position in responsive frames

Working with images

Editing an image
Cropping and masking
Eliminating selected parts of an image
Placing multiple images quickly

Creating reusable components

Working with text and image overrides
Organizing components
Nesting components
Batch renaming components and other layers

Using design tokens

Creating design tokens
Naming design tokens
Organizing design tokens

Using libraries as design assets

Using renaming features
Saving a library
Editing a library
Sharing a library with your team

Saving & exporting your prototype

Exporting assets
Export Settings

Sharing your prototype

Using plug-ins
Locating and using helpful plug-ins

The course topics serve as an outline. Instructors may adjust content based on the specific needs of each class, such as to answer your Figma questions.