πŸ€“Β Project drop! How to build a responsive DASHBOARD in Figma πŸ“ˆπŸ’₯πŸ“ŠπŸ’₯ (Now live!)

Learn how to build a fully responsive dashboard with our hands-on (free) project, Recreate Asana's Dashboard in Figma. Over the course of 12 tutorials, you'll know how to use components, variants, auto layout, constraints, and layout grids.

Recreate Asana's Dashboard in Figma

This project is for designers who want to learn best practices for Figma. Together, we'll set up a file with styles and icons, then design a fully responsive dashboard with multiple types of components (eg. main navigation, bar chart, donut chart, leaderboard, line graph).

Cost

  • Free

Skill level

  • Beginner+

Project contents

  • 12 tutorial videos (2hr runtime)

  • Prepped Figma file

Key skills

  • Using main components & instances

  • Combining main components as variants

  • Creating responsive designs with auto layout

  • Creating responsive designs with constraints

  • Using layout grids

πŸ™Œ πŸ™Œ πŸ™Œ PS. The first 3 three people to reach out on Twitter (@molly_hellmuth) with a screenshot of their final design will win a free tutoring session! During the zoom call, I'll give you feedback on your project and answer your most pressing design questions.

Start Project