Creating a Figma Design System: Typography, Spacing, and Sizing

Channel:
Envato Tuts+
Subscribers:
1,630,000
Published on ● Video Link: https://www.youtube.com/watch?v=FsdG6uwJ_vc


Category:
Tutorial
Duration: 21:55
48,191 views
1,157

In this Figma design system video tutorial, you'll learn how to develop two sections of a design system in Figma, giving you an idea of how to implement your own: typography, and sizing and spacing.

Read more on Creating a Design System in Figma on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/figma-design-system-typography-spacing-sizing--cms-35886?utm_campaign=yt_tutsplus_FsdG6uwJ_vc&utm_medium=referral&utm_source=youtube.com&utm_content=description

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_FsdG6uwJ_vc&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_FsdG6uwJ_vc&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



Other Videos By Envato Tuts+


2020-10-08How to Create Advanced Isometric Illustrations Using the SSR Method
2020-10-07How to Create Animated Slideshow Transitions in After Effects | FREE COURSE
2020-10-06How to Create a Classified Ads Website With WordPress and Lisfinity
2020-10-06How to Draw Wood
2020-10-05How to Make a Triangle in Illustrator
2020-10-02Как Создать Дизайн Макет Онлайн без Использования Photoshop
2020-10-0110 Top Instagram Stories Text and Title Templates for Final Cut Pro
2020-09-30Meditation and Yoga Music [Full Tracks] - Royalty Free Background Music
2020-09-30How to Draw Hair in Illustrator
2020-09-29How to Make a 90s Grunge Effect in Photoshop
2020-09-28Creating a Figma Design System: Typography, Spacing, and Sizing
2020-09-27How to Make an Illustrator Smoke Brush
2020-09-25Vaporwave Chill [Full Tracks] | Royalty Free Background Music & 80s Motion Graphics
2020-09-24Top 10 Instagram Promo Video Templates for After Effects
2020-09-22How to Make an Old Paper Texture in Photoshop
2020-09-21как создать стрим-оверлей в Photoshop
2020-09-2010 Best HTML5 and JavaScript Game Engines and Templates
2020-09-19How to Add Grain in Photoshop | Photoshop Tutorial
2020-09-18How to Decorate Your Text With Font Swashes
2020-09-1710 Top Instagram Story Templates for Premiere Pro
2020-09-16Introduction To Figma | FREE COURSE


Tags:
figma design system
figma design system tutorial
creating a design system in figma
wordpress design system
design systems
design system figma
design systems figma
design system sketch
how to build a design system
ui kits figma
design system tutorial
figma course 2020
figma tutorial for beginners
design systems ui
figma ui design
figma for beginners
design system
figma design
figma
how to use figma
product design
adi purdila
ui design