Building a Design System with Figma (Part 7) - Icons, Illustrations & Spaces

Опубликовано: 04 Март 2026
на канале: Akash Yadav

6,664

172

👉 Find part 1 of this video here:    • Building a Design System with Figma (Part ...
👉 Find part 2 of this video here:    • Building a Design System with Figma (Part ...
👉 Find part 3 of this video here:    • Building a Design System with Figma (Part ...
👉 Find part 4 of this video here:    • Building a Design System with Figma (Part ...
👉 Find part 5 of this video here:    • Building a Design System with Figma (Part ...
👉 Find part 6 of this video here:    • Building a Design System with Figma (Part ...

Find the icon grid template here: https://www.figma.com/community/file/...

Learn more about 8pt grid system here:    • How to use 8pt grid system to design app UI

Learn how to build a design system in Figma. By the end of this course, you will become a master of building design systems in Figma.

⏰Timestamps
00:00 Intro
0:36 What is a responsive layout?
3:50 Columns, Gutters & Margins
8:15 Breakpoint system
11:40 Desktop 12 col layout
16:24 Why 12 col layout is so special?
26:25 Adding column layouts to design system
27:55 Recap