1

What do UI Designers use for redlining?

over 5 years ago from , Sr. Manager, Product Design at Royal Caribbean

I am curious to know what UI designers are using to produce redline documents. My own team has been using a combination of Sketch to design and measure distances, sizes and styles and using Evernote's Skitch to annotate the designs with measurements.

It would be ideal if Sketch let you export files with all the properties and measurements revealed. After all, they already built the measuring engine so it would just be a matter of exporting those values. I even requested that as a feature update back in the Sketch 2 days.

In any case, can everybody point me to the tools/plugins they use to produce redline documents?

6 comments

  • Matt ThomasMatt Thomas, over 5 years ago

    Sketch Measure is the best one out there so far.

    Still not quite as powerful as the PS equivalents (SpecKing, etc.) but it's still in development, and it wouldn't surprise me if the guys from Bohemian implement something like this later down the track.

    2 points
    • Alberto Orsini, over 5 years ago

      Wow, this is amazing. I just tried it out and it works great for our purposes. Thank you so much for the pointer–greatly appreciated.

      0 points
  • Diego LafuenteDiego Lafuente, over 5 years ago (edited over 5 years ago )

    You may like this https://github.com/utom/sketch-measure

    https://www.youtube.com/watch?v=VaHmyaPIsWw

    1 point
  • c kizerc kizer, over 5 years ago

    Sketch commandline tool allows you get a JSON output of all the documents properties including every layer. You could write something to turn it into a HTML spec if needed.

    I'm considering using this to write easy to use custom output.

    0 points
  • Jon DobrowolskiJon Dobrowolski, over 5 years ago

    I LOVE spec king, but as previously mentioned its for PS. You can quickly spec a flat though if you have PS.

    0 points
  • Matous Roskovec, over 1 year ago

    Try Avocode (https://avocode.com/) - you can simply import your Sketch document via a plugin (direct import on any platform without Sketch is coming soon) and the developer will be able to get all measurements just by clicking and hovering over layers, pick colors, export images, generate code from styles, and more. You - as a designer - can also comment on any point/area of the design to specify how it should be used.

    0 points