How to Design Progress Indicators and Loaders in Figma | Material Design Loader Component Tutorial

In this video, I walk through how to design progress indicator components in Figma. This is a component used in Google's material design system, which you can learn more about here: https://m2.material.io/components/progress-indicators

Figma file: https://www.figma.com/community/file/1203703753054458490

Music for this video is by Cordio. You can learn more about their music here: https://www.youtube.com/@UClb_E9xtNgW...

New to Figma? Sign up here:
https://psxid.figma.com/xogqvqq7ah54

0:00 - Intro
0:11 - What are Progress Indicators
1:02 - Designing the Deterministic Loader
2:14 - Designing the Indeterministic Loader
2:41 - Creating the Components & Prototyping
3:27 - Creating the Spinner Loader
4:25 - Animating the Spinner Component
5:00 - Previewing the Prototype
5:42 - Wrapping Up

⁙ social media:
Twitter : https://twitter.com/soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/

#uxdesign #materialdesign #ui #loader

Видео How to Design Progress Indicators and Loaders in Figma | Material Design Loader Component Tutorial канала Soren Iverson