FIGMA Fundamentals

• Introduction

• What is FIGMA

• Installing & signing up for FIGMA

• Creating a new file

• Importing

• Saving your work

• Frames

• Spacing & Alignment

• Groups

• Scaling

• Components

• Anatomy of a FIGMA File

• Styles

• FIGMA Keyboard Shortcuts

Learn about FIGMA Interface

• Where to find Sigma

• Browser app vs Desktop App

• The Start Screen

• Introduction to the interface

• Importing and Exporting Files

• Using Templates

• The Toolbar

• The Layers and Pages Panel

• The Assets Panel

• The Design Panel

• The Prototype Panel

• The Code Panel

• The Canvas

• Using Keyboard Shortcuts

• Working with the Version History

Setting up a New Project

• Creating a New Project and File

• Importing Sketch Files

• Working with Teams

• Working with Templates

Add and Edit Content

• Working with Frames

• Working with Shapes

• Drawing Icons using the Pen Tool

• Drawing Shapes Using the Pencil Tool

• Working with Text

• Masking Images and Shapes

• Importing Icons and other Graphics

• Working with Color

• Working with Styles

• Setting up Components

• Using Constraints for Responsive Design

• Working with Version Control