I decided to try Figma

1. Real-time collaboration (and comments)

With Figma, collaboration rules! It’s so great to be able to work, in real-time, with other designers and engineers. In my opinion, this a small revolution in the way that designers and software teams work. We all know that designers need to be able to collaborate with everyone from the marketing department to the engineers building their designs. Figma knows how to solve this problem, because with real-time collaboration and a comments feature there is no need to use other tools. Another great aspect is that you can install Figma on Mac, Windows or Linux or just use the browser version. This means that the marketing department, engineers, product managers and stakeholders don’t have to install the app.

Several users in the same file

2. Prototype and Presentation

While using Figma, once again, there is no need to have other plugins or use others tools for prototyping. You just simply select the prototype mode at the top of the Properties Panel. This is also a big advantage for me, because even if you are just making some quick wireframes to explain your points around something, it’s easy to quickly prototype your ideas! This allows teams to iterate really fast by quickly testing small concepts, and making sure that not too much time is spent on ideas that won’t work.

3. Developer Handoff Feature

Once again, at the top of the Properties Panel you find the “Code” feature and here, the engineers on your team can have access to the code. Inspecting elements like colors, typography, spacing and assets! In this view, you can choose to view CSS, iOS (Swift), or Android (XML).

Switching my code between CSS and iOS

4. Saving + Version History

You don’t need to press “Cmd + S” all the time (Figma autosaves your work by default). With Figma Version History, you are able to restore or duplicate older versions of your files. You just need to click the dropdown next to the project name, and then select the “Show Version History”.

How easy it’s to check my file history

What I miss

Craft

It’s already natural for me to search for “dummy content” using this plugin. Using Figma, you have to insert your own data to fill in content for your mockups.

UI experience — Pages/Artboards

It’s a great experience to have both platforms use a similar interface, since users can switch software almost without noticing. However, Sketch wins at defining hierarchy for pages, artboards and elements on the left hand panel. For me, it is very important to have a clear view of the pages where I divide my wireframes, iterations, components, logos etc… It is also important to check the components and the groups I have… With Figma, it’s hard to get that information as quickly as with Sketch.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Maria Margarida

Maria Margarida

Product Designer at @remote. Passionate about solving real customer problems and creating experiences that are easy to use. http://mariamargarida.me