Why use FIGMA

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

image source :Figma

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.

image source :Figma

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.

Hands down definitely a winner!

More Articles

Leave A Reply

Your email address will not be published.