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 when building projects and build projects faster.
Figma is an extremely popular design tool that has a generous free tier and can also be used on 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 and dropping it into the projects home screen.
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, here are a couple of great resources to get you up to speed:
- “Everything Developers Need To Know About Figma” article on Smashing Magazine
- "Introduction to Figma for Developers" video with Ryan Warner and Jason Lengstorf on Learn with Jason
.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.
Thanks for being a PRO member. We hope you enjoy the challenge! 🙂