Creating a Figma Design System: Typography, Spacing, and Sizing Published 2020-09-28 Download video MP4 360p Recommendations 41:56 Learn Figma Auto Layout in 30 Minutes | FREE COURSE 09:42 Creating a Design System - Typography Basics 16:12 How to set up your typography sizing and line height for web design 11:06 Figma Tutorial: Create the Perfect Typography Scale for UI & Web Projects (IN 10 MINUTES) - Part 1 1:02:29 Design System - Color, Typography, Spacing, Grid, Layout, Shadows, Icons - Design System Part 1 12:05 4 Ways to Use Letter Spacing (Tracking) in UI Design 09:21 FIGMA COMPONENTS & VARIANTS 12:15 How To Get The Perfect Spacing In Web Design 3:07:31 Learn Web Design For Beginners - Full Course (2024) 12:52 Typography - Ultimate Design System Breakdown (Font Sizes, Text Style Naming, Responsive Scaling) 11:11 6 UI Hacks I Wish I Knew As A Beginner 07:07 Perfecting Spacing in Figma: Create a Design System using Spacing Variables - A Step-by-Step Guide 09:33 Baseline Grids | The basics of Baseline Grids in UI & Web Design 34:44 Build a Design System in Figma Step by Step 2020 13:03 Spacing - Analyzing The Top Design Systems (Figma Spacing Variables) 10:05 Perfect Typography Scale for UI Design (Exact Blueprint) | Figma Tutorial 16:02 Creating a Color System in Figma | 3 Easy Methods 09:38 Why and How to use a Spacing System for Web Design and Apps 1:20:23 Ultimate Figma Crash Course 2023 - Full Layout by Example 11:30 Typography sizing and line height in web design Similar videos 05:25 Creating typography system in Figma 08:32 The Perfect Spacing Framework in UI Design | Figma Tutorial 06:05 Figma Tutorial: Responsive Typography Scale 09:41 Figma Design System - Typography System (Using Styles) | Part 2 | Figma Tutorial Step-by-Step 03:37 Fastest way to create text styles in Figma 19:34 Define your design system's foundations - Lesson 2 part 2 : Introduction to design systems More results