September 2020 | 7 min read
Why you should use FIGMA
Sketch was definitely the most popular tool amongst UX designers just as Omnigraffle was popular prior to Sketch.
Eventually, designers migrated to InVision. Creation and documentation of the processes was fine and it helped reduce much of the friction in stakeholder collaboration and developer handoff. However, due to the complex permissions structure,
Manually managing versions and files, storing and organising them in a shared drive, and dealing with sync conflicts were just a few of the things that caused many headaches.
We hoped for that one platform where all of this and more was intuitive and easy to use. That all-in-one tool that had all the best features of Sketch and InVision, with the real-time collaboration and communication features.
Figma was released in 2016 with a few bugs to say the least.
In 2017 Figma 2.0 released with amazing prototyping features and huge improvements which made it a very viable tool.
So let’s get down to what Figma offers as a tool and why it is most sought after today.
1.Figma Works on Any Platform
Figma works on any operating system that runs a web browser. Macs, Windows PCs, Linux machines, and even Chrome books can be used with Figma. It is the only design tool that does this.
2.Collaboration in Figma Is Simple and Intuitive
Because Figma is browser-based, teams can collaborate as they would normally in Google Docs. People viewing and editing a file are shown in the top of the app as circular avatars. Each person also has a named cursor, so tracking who is doing what is super easy. Clicking on someone else’s avatar zooms in to what they are viewing at that time – offering real time collaboration
3.Figma Uses Slack for Team Communication
Figma uses Slack as its communication channel. When a Figma channel is created in Slack, any comments or design edits made in Figma are “slacked” to the team. This functionality is crucial when designing live because changes to a Figma file will update every other instance where the file is embedded. Changes to a mockup, warranted or not, are immediately vetted, and the feedback channel is live.
4. Importing Sketch files
If you have been working on Sketch and want to switch to Figma don’t worry as it lets you import Sketch files quickly by simply dropping them onto the Figma canvas.However, Remember to : Import the whole file as single items won’t be imported properly
5. Setting up new frames or art boards
If you used Sketch, this will all be quite familiar to you. Press A or F to see all frame options in the properties panel on the right-hand side and pick the size you wish to work with or simply draw your own frame. As in Sketch, you can work at 1x (meaning the actual pixel size) as there is no quality loss when resizing. You can still export assets any larger size you might need.
6.Prototyping in Figma
Once you have your design and art boards ready, click on the Prototype tab in the properties panel to the right.
When you select an element, like a button, on the right side of the selection is a circle. You can drag this over to whichever art board you want the prototype to be directed towards when a user clicks on said element.
To Conclude :
PRO’S of Figma
- It’s free!!!
- Runs on Mac and PC ( Sketch only on Mac)
- Real-time team collaboration,
- You can import Sketch files (but you cannot export to back to Sketch)
- Integrated Developers hand-off/Specs for Mac and PC
- Brilliant Team library/Design Systems
- High-quality prototyping
- Figma’s files are not stored locally on your computer but cloud-based so you can access them from anywhere, anytime
CON’S of Figma
- You need to be online to work. But you can always save your work locally on your computer and access it later.