Project Dashboard // Speedrun // Figma Tutorial

Let's build a project dashboard with Figma in this speedrun and see how to
✔️ use auto layout to organize your layouts
✔️ use the Font Scale Plugin
✔️ work with styles to keep your UI consistent

🔔 SUBSCRIBE & LIKE 🔔

   / crayoncode  

☕ SUPPORT MY WORK 🙏
https://www.buymeacoffee.com/crayoncode

👋 FOLLOW US

📸 INSTAGRAM:   / crayon_code  


💎 ASSETS

Icons taken from Iconly
https://www.figma.com/community/file/...

🛠️ USED FIGMA PLUGINS

Font Scale
https://www.figma.com/community/plugi...



⏱️ TIMESTAMPS

00:00 Basic Layout, Font Scale & Styles
02:18 Card Header Component
03:45 "My Work" Card
06:30 Project Cards
11:23 "My Team" Card
14:25 "Messages" Card
17:26 "My Day" Card
22:35 Styling Adjustments
23:02 Navbar
24:26 Decoration
26:30 Action Menus
29:43 Finishing Touches

🏷️ HASHTAGS

#dashboard #ui #figma

🎵 Music

'Energy' by Sapajou
Free download: bit.ly/2MnVoWG

'All Night Long' by Sapajou
Free download: bit.ly/2NNL2zJ

'Flight' by LiQWYD   / liqwyd  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/flight-liqwyd
Music promoted by Audio Library    • Flight – LiQWYD (No Copyright Music)