Design System Tutorial - Spacers, Typography and Alerts

Design System Tutorial #designsystemtutorial #figmatutorials

In this design system tutorial, I am going to be showing you how to set up your typography, spacing system and alerts/notifications. This design system tutorial is meant for the absolute beginners even though senior designers can still use it as a refresher course to reignite old knowledge.

In this simple design system tutorial, I will be going at a slow and steady pace to ensure you get everything that I will be teaching.

MATERIAL UI WEBSITE:
https://material.io/design/typography/the-type-system.html#type-scale


CHECK OUT OTHER USEFUL TUTORIALS:

HOW DO I DESIGN ONBOARD SCREEN ON FIGMA
https://youtu.be/vXnuj8e0HNs

NRC HERO SECTION REDESIGN
https://youtu.be/a5-xNLwQ2-I

CREATE UI ON BOARD SCREEN IN 20 MINUTES
https://youtu.be/c6ihZIKzMLM

FIGMA TUTORIALS - LOGIN PAGE DESIGN
https://youtu.be/1c1XRmxydxY

FIGMA TUTORIAL - PROFILE CARD DESIGN
https://youtu.be/TGwkFOSpRh0

EASY WAYS TO CREATE FIGMA MOCKUPS
https://youtu.be/X85Bo1F4cxE

HOW DO I INSTALL FIGMA PLUGINS?
https://youtu.be/lkQWEpS0bXI

COMPLEX AUTO LAYOUT WITH BUTTONS
https://youtu.be/XLlPALKyKU0

HOW TO CREATE AN INPUT SYSTEM STYLE GUIDE
https://youtu.be/_9YF3pnqmqo

#victoryogheneruemu #vickst0rm #vickstorm #designsystemtutorial #myzurijourney #thezuriteam #zuriteam #zuriuiux #zuri #zuriux #productdesign #productdesigner #productdesignvideos #styleguide #designsystem #figmacomponents #figmatutorial #figmadesign #figmatips #figma