Figma vs. Sketch: Who Wins the War on Multiplayer Design?

Figma vs. Sketch for multiplayer designing

Multiplayer designing is when there is more than one designer working on the same design file.

The concept of working in a design team (as opposed to companies with only one resident designer) is becoming more and more common every day, and the technology to allow multiple designers to work on the same design file is improving. So which app should you be using, and if you are the only designer, do you even need multiplayer?

But isn’t this multiplayer thing just a big gimmick?

Interestingly, up until about six months ago, the SitePoint team and I would have said “yes”.

That was until our co-editor Alex started using Figma on a side project and began sharing files with the team. They discovered that:

  1. Developers loved that they could export graphics without the help of a designer, and by using only the browser.
  2. Junior designers could extend the work of a senior designer as they collaborated on the same file ⏤ it was like a chef’s kitchen.
  3. Project managers didn’t need to hover over any shoulders to track the progress of a design project.

Although multiplayer (sometimes called real-time collaboration), has been around for years in apps like Google Docs, they were as surprised as anyone that it’s so well-suited to UI design.

Let’s take a deeper look at Figma and how it compares to Sketch for design collaboration.

Figma

  • Platform: web, macOS and Windows
  • Capabilities: live multiplayer designing
  • For: energetic design teams

Not even a decade ago, the term “user experience designer” was almost non-existent (or at the very least, it wasn’t as trendy as it is today). Over the years, we’ve come to learn that optimising user experiences is instrumental for converting and retaining customers. This is why companies often hire entire design teams now, and this also is why Figma was built — to allow designers in large design teams to work on the same design file at the same time).

Figma for live multiplayer designing

Figma does more than simply store your design file in the cloud, where everybody has access to the most recent version of it (we’ve been able to do that with Dropbox for quite some time now). It actually allows multiple designers to edit the design at the same time. It’s super cool, it’s web-based, it’s truly innovative, and since there’s a free plan, you literally have nothing to lose by trying it out with your team.

How does it compare to Sketch, you say? Feature-wise, I’d say it compares favourably. It comes down to which app you enjoy using the most, however, I can say for sure that Figma is well-suited to large, energetic design teams where designers need to collaborate at the same time without screwing things up. Right now, no other design app currently allows multiple designers to live-collaborate on a single file.

Sketch + Craft Freehand (for solo designers)

  • Platform: macOS (or Windows + Photoshop + Craft)
  • Capabilities: live whiteboard collaboration
  • For: medium-pace teams who require feedback tools

Sketch consistently receives high praise from user interface designers, where it’s been the most-used application for designing UI’s for the second year running (Photoshop no longer secures the top spot). That being said, Sketch isn’t automatically the best solution — it depends on how intense your team’s level of collaboration needs to be.

One of the reasons why Sketch is so popular is its huge library of community-made plugins. Designers can extend Sketch’s functionality by building their own extensions (or by downloading an existing one). Perhaps the most impressive of these is the Craft Plugin by InVision, which includes a collaborative whiteboard tool.

Amongst a range of other design and prototyping tools, Craft offers the ability to mirror your design on a whiteboard inside Sketch, where you and your teammates can then annotate, draw on and discuss the design using text, shapes and freehand drawing.

Sketch + Freehand collaborative whiteboard

Craft Freehand is particularly useful for solo designers and medium-pace teams who only want to request feedback from their non-designer teammates, and I personally think the best way to do that is by using the classic “show, don’t tell” method. Not all teams need multiplayer design, some only need multiplayer collaboration — Craft Freehand is ideal for that.

Craft includes a massive repertoire of tools beyond Freehand: realistic content sourcing, rapid duplication tools, shared asset libraries, prototyping features, and even the ability to synchronize and handoff designs.

Adam Rasheed’s User Interface Design with Sketch course can teach you the fundamentals of both Sketch and Craft (and some other things!) in an afternoon.

Sketch + GitLab (for lightweight collaboration)

  • Platform: macOS (with Sketch) or Windows (with Photoshop)
  • Capabilities: version control for design files
  • For: slow-pace teams who require mild collaboration

Sketch 43 recently introduced a new file format coded in JSON, which is much more human-readable than the legacy binary format. Did you know that you can now rename a .sketch file to a .zip file, unzip the .zip file, edit the layers and styles in the JSON code, recompress the files and then see the changes in the Sketch GUI? Pretty cool stuff, try it!

Continue reading %Figma vs. Sketch: Who Wins the War on Multiplayer Design?%


Source: Sitepoint