Figma is a superb tool for UI design, and one of the things it’s really good at is creating grids. Using a grid is a vital part of many design projects, so having a tool that simplifies this process will save you a lot of time.
In this short course, you’ll learn everything you need to know about Figma grids–all in under 30 minutes. You’ll learn the basics, the different types of grids, how to align them, how to create baseline grids to use with text, and more. So let’s get started.
Learn Figma
We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.
1.Introduction1 lesson, 01:01
1 lesson, 01:01
1.1Welcome to the Course01:01
1.1
Welcome to the Course
01:01
2.Figma Grids5 lessons, 27:21
5 lessons, 27:21
2.1The Basics of Figma Grids05:29
2.1
The Basics of Figma Grids
05:29
2.2Grid Alignment06:17
2.2
Grid Alignment
06:17
2.3Creating Baseline Grids07:11
2.3
Creating Baseline Grids
07:11
2.4Using Grids With Layout Constraints04:29
2.4
Using Grids With Layout Constraints
04:29
2.5Using Nested Grids03:55
2.5
Using Nested Grids
03:55
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.