Using this design file will help you practice building projects in the same way professionals do. Seeing the details in the design will help you improve your accuracy and build projects faster.
Figma is an extremely popular design tool with a generous free tier and support for both Windows and Mac computers.
To get started with Figma, download the correct app for your operating system. You can then open the app and open the .fig design file by dragging it over the app or using the “import” button.
If you’re going to use the Desktop App, you don’t need to download the Font Installer from the downloads page. But if you’re planning on using the Figma web app you should download and install it to ensure the fonts show up correctly.
If you haven’t used Figma before, we recommend reading our “Figma for developers: How to work with a design file” article.
⚠️ IMPORTANT ⚠️: Please be sure not to share our design files with anyone else. We include .gitignore files in the starter code download to help prevent you from accidentally uploading it to GitHub. Another easy way to prevent this is to keep the design file separate from your codebase.
We hope you enjoy the challenge! 🙂