How to handoff Sketch Artboards and assets to developers — no matter their OS
Design Inspiration

How to handoff Sketch Artboards and assets to developers — no matter their OS

Matous RoskovecMatous Roskovec

Are you running on macOS? Do you want to collaborate on your Sketch files with people who are on different platforms — such as Windows or Linux? It all comes down to what you need to do.

Need other designers to edit your Sketch file on a different OS?

The only way to date to edit a Sketch file on Windows and Linux is to open it in a different tool (like Figma or Adobe XD) which will irreversibly convert the Sketch file into a different format — so there is no way of going back if someone else would like to pick it up in Sketch again.

Need developers to open and inspect your Sketch file on a different OS?

When it comes to developers, they don’t really need to edit the file. They just need to open it, inspect it and export assets for the project they are building, right?

So, how do developers tackle this?

Well, if they are on Mac, they can buy the Sketch app (and pay for a tool that has been built for designers, not developers).

When they are on Windows, they can only work with Photoshop and Illustrator designs, so they will ask the designer to somehow hack and convert the Sketch design to Illustrator.

And if the developer is on Linux and can’t run Illustrator in Wine he can ask the designer to export all images for him, send color codes, attach a PNG of the entire design and eyeball the sizes and distances.

Whatever works, right? Right, if you’re like me not satisfied with these options, you might want to keep reading.

Share designs via a cross-platform tool built for designers and developers

If you want developers to open your file, store it in the cloud, and still be able to download the original Sketch file (in the Sketch format) — Avocode is the way.

It is a tool for sharing and inspecting Photoshop and Sketch designs — not just on Mac, but also on Windows, Linux and in the browser (Chrome). We’ve built it as a bridge between designers and developers — one can seamlessly share designs and the other can inspect and export assets without limitations. When it comes to the Sketch design format, there are a few things you might like:

  • Upload Artboards directly from the Sketch app with a CMD + Jshortcut (or drag & drop the whole file into Avocode).
  • Your team will be automatically notified via e-mail or Slack
  • You can upload multiple design versions and keep them together
  • Anyone on your team will be able to open and inspect the file
  • The developer can export any layer at any resolution directly (You don’t have to bother with pre-setting Exportables or renaming layers with special symbols like + * & or .png.)
  • You can also share the design via a public link and let others comment

This is how Avocode helps teams all around the world:

Join 30K+ designers & developers by subscribing
to our monthly newsletter

How to share a Sketch design via Avocode?

All you need to share a Sketch design via Avocode is the Sketch app and the Avocode app. Just sign up here, download and install the app. It will automatically install a Sketch plugin to your Sketch app.

Next, open any .sketch design in the Sketch app. If you want to upload only particular artboards, select them with the SHIFT key and hit CMD + J. You can also go to the window menu bar to Plugins, select Avocode and click on Export Selected Artboards.

If you want to upload all artboards from this Sketch file to Avocode press CMD + ALT + J.

Your Avocode app will automatically open and you will be Create a new project. If you already have a project in Avocode, just select it from the projects dropdown menu (above the green ADD TO PROJECT button).

You can keep working in Sketch during the design upload which syncs quietly in the background.

By this time, also make sure your fellow developer is invited to your Avocode team, so he/she can comment and inspect the design once you upload it.

One more thing…

Do you really love Sketch? 💎 Need to convert Photoshop files to Sketch? Here is a free online PSD to Sketch Design Converter.

Did you like this article? Spread the word!

What is Avocode?

It’s an all-in-one tool for teams that want to code and collaborate on UI design files 2x faster.