Member-only story
Comprehensive beginners tutorial in 15 minutes
Figma: All you need to know
by moonlearning.io
German version click here 🇩🇪
This tutorial is for you if you are starting with Figma from zero, switching from graphic design to UI, or if you are (like me) switching over from Sketch. If you are looking for more advanced Figma tips and tricks click here.
For the past years, I have loved Sketch with all my heart, and I am still a great fan. However, when it comes to team collaboration and hand-over, a painful jumping and updating between Dropbox, Abstract, Craft, Zeplin and InVision started. Whatever combination I used, it ended up slightly messy and caused extra cost. Prototyping is also a little clunky. Figma promised an end to all of this and did not disappoint.
Advantages:
- It’s free!!! (for up to two users and three projects per account)
- Runs on Mac and PC ( Sketch only on Mac)
- Real-time team collaboration,
- You can import Sketch files (but beware, you cannot export to Sketch!)
- Integrated Developers hand-off/Specs for Mac and PC 🥳
- Fantastic Team library/Design Systems, a single source of truth
- Integrated high-quality prototyping
Disadvantage:
- You need to be online to work. However you can save a file locally, work on it and add it again later.
1. Getting Started
1.1 Get Figma
Go to figma.com, sign up and follow the instructions. A minute later you are ready to start…wow!!!
You might notice that Figma lets you create teams and projects, I will be covering later, for now just make a new file anywhere (from the menu or cmd+N) for a quick start. You can move files later.
