How to Design a SICK Dashboard UI in Figma

Jon Frok will be coming back soon.

I just want to say your channel is really amazing. I have been a product designer for over 10 years at some of the biggest companies and I haven't found a channel that gives such great advice. Working with a design system is great, but when I wanna take on a freelance project or even something for a friend. I find it so hard to get back into creative mode and make projects feel current. Your videos remind me of art school lessons I've forgotten and remind me how to think outside my day to day. THANK YOU!

Despite being born in early 2000's, I have a fond feeling for retro tech. It makes me feel alive. I am glad you maintain a degree of that retro environment.

🔥A tip on the radial progress bars. The circle tool actually doubles as an arc tool - so no need to mask anymore! That little dot on your circle shapes can be dragged to activate the arc tool. Also another tip about spacing accuracy! While you have an object selected, hold alt and hover over near by objects to get the distance between things and your selection.

One of my favourite topics : "Dashboard" and you covered it way too beautifully ! ❤️

Very clean & tidy. Well done

hi Simon this is amazing learn a lot the designs through out the video. love it

Two comments/suggestions: First, on your doughnut graph I would suggest duplicating your first layer ( your track layer), then use the arc tool ( the small blue dot in the middle) to create the amount (the result/ dark purple) ring layer. Second, I would suggest the result layer (the dark purple) start at zero and progress clockwise. Doing this not only gives you an easier control for your design, it also gives you the ability to adjust your value with better accuracy. For example, you can set the arc to be 62%. One last thing, your example has your results on the wrong side. Keep producing!

Ooh God, thank you gary this what I've been looking for

Awesome video man, need it this so bad, I’m doing my first dashboard ever, this video helped me a lot 💯

Awesome ! I learned a lot, thx !!

HIS HELPED ME SO MUCH! THANK YOU!

Very helpful, thank you!

That's beautiful!

designing a dashboard always frightening for me! you break it down nicely Garry, thanks!!

Really simple and good content

Loved it, super enjoyed it! And I did not know anything about designing with Figma. I will let you know how it goes :)

Thanks so much!

35 min ago and I watched all of it 😮.wow Thank you ❤️❤️❤️

Looking good! I think you should use autolayout frames instead of circles and rectangles as backgrounds for cards and buttons.