0

Does anyone know a great tool to share a GUI with developers (online perhaps)?

I'm working on a SaaS-system on my PC (Nope, i can't change it for a mac - therefore extensions for Sketch isn't a possibility). The system i'm working on i getting quite complicated, and we're talking about a massive designupdate. For that, i'm in need of a tool that can help me build a GUI, so i don't have to create titles and descriptions, type values etc. in Photoshop (I'm currently working in Photoshop however - i'm looking into Adobe XD. Experiences anyone?)

So - what i'm hoping, is to find a tool where i can build a GUI instead of doing it manually in Photoshop, and have the ability to see and share CSS with my developers.

How are you guys sharing your graphics with your team?

closed as off-topic by Devin, Midas, Nick Groeneveld, Dirk v B, locationunknown Jul 17 '17 at 6:36

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Midas, Nick Groeneveld, Dirk v B
If this question can be reworded to fit the rules in the help center, please edit the question.

  • Have you seen this? Comes with some very usefull limitations to the non trivial designer - developer communication. – cameraman Jul 14 '17 at 19:40
  • It is nice to create in webflow.com and easy to share in proto.io – Jivan Jul 15 '17 at 1:13
  • voting to close. Hasn't got anything to do UX – Shreyas Tripathy Jul 15 '17 at 4:54
1

We recently switched to Sketch with the Zeplin sharing plugin. Sketch is already a powerful tool for both wireframes and hi-fi comps. Zeplin takes material from Sketch and makes it easily sharable between designers, developers, and stakeholders.

What's unfortunate about Sketch is that it's Mac only. What's great about Zeplin is that it can also import from Adobe, so it's not (entirely) married to Sketch.

It has some quirks, but after years of using Illustrator, Photoshop, Keynote (haha) and even coding up css directly (lest intention be unclear from static images), this is the best workflow we've discovered.

Balsamiq, Axure, and FramerJS all offer competing solutions, each with varying degrees of connectedness and interactivity.

  • Thank you Nathan! Apparrently Zeplin made an extension for Windows and Photoshop, so I think that this will be the app I'm going to implement to the designproces. – Ronnie Faust Jul 23 '17 at 12:09

Not the answer you're looking for? Browse other questions tagged or ask your own question.