.svg)
DESIGN PROJECT
Recreate Asana's Dashboard
This project is for beginner 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.
Key skills covered
.svg)
Use main components & instances
Combine main components as variants
Create responsive designs w/ auto layout
Creating responsive designs w/ constraints
Use layout grids
Beginner+
12 tutorials
2 hrs
Project Outline
A step-by-step guide to designing your project
Overview of the project and key skills.
How to add and edit text and color styles.
Asana 3: Add Icons
10:36
How to add icons with a plugin and use as components.
How to create a responsive menu component with constraints.
How to create tabs with component variants.
How to design responsive components with layout grids and constraints.
How to create a responsive bar chart with constraints and auto layout.
How to create a responsive donut chart with constraints and vector shapes.
How to create a responsive leaderboard with constraints and auto layout.
How to create a responsive line graph with constraints and clip contents.
How to create a component with constraints.
How to check your work and apply overrides.