Figma 101

Overview

Learn the fundamentals of Figma, a powerful design tool, in this comprehensive tutorial. Explore essential topics including grid systems, color management, image handling, wireframing techniques, component creation, style implementation, prototyping, and animation. Engage in a hands-on design-along session to practice using Figma's features such as grids, components, and auto layout, enhancing your skills and confidence in creating professional designs.

Syllabus

Introduction to Figma (2021).
Grids Make Everything Better in Figma.
Working with Color in Figma.
Working with Images in Figma.
Removing Image Backgrounds In Figma.
Wireframing with Figma.
Creating Components with Figma.
Creating Styles With Figma.
Prototyping with Figma.
Loop'd - Figma Animations.
Design-along, vol. 1: Figma grids, components, auto layout, and more :).