Figma Essential Training: The Basics

Introduction

• The basics of Figma
• What you can learn
• Using the exercise files
• What is Figma?

• Sign up for Figma
• Set up local fonts

• Create a new file
• Create and edit frames
• Create pages

• Create shapes
• Combine and edit shapes
• An intro to drawing
• Add images
• Hide parts of content with a mask
• Get creative with effects
• Import content from UI kits
• Add and format text

• Organize with layers
• Save formatting you can reuse
• Reuse content with components
• Resize content with constraints

• An intro to prototyping
• Start prototyping

• Goodbye