Mobile app version of vmapp.org
Login or Join
Gloria351

: Sketch: how to get design to developer? I've been wanting to learn Sketch but am not sure what the process is once it comes to handing over the design to the developer. Most developers won't

@Gloria351

Posted in: #InterfaceDesign #SketchApp #WebsiteDesign

I've been wanting to learn Sketch but am not sure what the process is once it comes to handing over the design to the developer. Most developers won't have Sketch as it's mac only, and even then most won't know how to use it.

Here is a solution I found on youtube, but even the author does not vouch for it as ideal:


He basically just exports from Sketch to Illustrator, then from Illustrator to Photoshop, which creates some messy layering.

Is there a better way?

10.05% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria351

5 Comments

Sorted by latest first Latest Oldest Best

 

@Dunderdale640

I'll chip in with another alternative: avocode, which opens both psds and sketch files.

10% popularity Vote Up Vote Down


 

@Bethany839

Best thing would be to create a handoff like Peacockerie suggested, but sadly these are very time consuming.

Luckily there are a lot of third party apps and plugins you can use. My personal favourite would be Sympli, but don't be afraid to shop around for a solution that works best for you and your developer. Keep communicating and evaluating.

10% popularity Vote Up Vote Down


 

@Murphy569

Another solution is - Icons8 Lunacy. It is free and works offline.
Developer can open a file, copy CSS of any object with one click and copy plain text for any text layer. And new features are constantly being added.

10% popularity Vote Up Vote Down


 

@Holmes874

The first thing you need to consider is what exactly the developer does with your photoshop files to take them from working file to website. Developers use your file to see your font sizes, styles and margins. They also use it to extract image assets.

The developer my agency uses has Sketch & mentions that he prefers Sketch files to PSDs because they are cleaner and easier to read. However, for a developer that doesn't have Sketch it's as simple as creating a handoff kit to go along with even a png or pdf of your overall screen designs.
This is a part of the handoff that I create. Those details are already available to you. And instead of the developer having to guess at different states and margins, you can be in complete control of your final designs this way.

10% popularity Vote Up Vote Down


 

@Goswami567

You can use Zeplin. It's an app that shares mockups right from Sketch or Photoshop, including all measures and color values. No extra effort from your side and your developer will thank you.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme