Published on | Prototyping: From UX to Front End — Medium Joanna Ngai Credit: Lingo

By Joanna Ngai

Product teams face a daily challenge to their workflow from changing assets, and constant streams of iterations. If you work in a remote team, one of the things you’ll quickly notice is that you must put even more effort into top notch communication, in order to be effective.

Here’s the best design tools to improve consistency, design asset management, allowing you to innovate even if you aren’t meeting face to face.

Figma — web based design offering real time collaboration, team library of shared assets and version control. Has different views of the same design document for design, simple prototyping and showing specs.

Figma Team Library

Craft plugins for Invision — a handy set of tools for Sketch and Photoshop.

The Library plugin allows you to create a custom style guide inside of Sketch to improve consistency between you and your coworkers.

Craft — Library plugin in SketchComparison of Craft based on OS

Their new Design System manager brings together all brand and UX components to improve your team’s workflow. It syncs with their newest design tool InVision Studio, Sketch and a web view.

Zeplin — prepares specs and generates assets quickly to streamline designer/developer handoff

Image result for zeplin style guide Zeplin

Handoff — Another handoff tool, by Marvel. Design in Marvel, Sketch or Photoshop (coming soon), and generate specs or assets directly off your designs.

UX Pin — web based design tool, real time collaboration. Features a shared library of components, colors, and images accessible to the entire team.

UX Pin — Design System Library

Abstract — version control plugin for Sketch

Abstract annotations allows you add comments to artboards

Plant — version control plugin for Sketch

Lingo — a design system manager for Mac. Allows you to make changes and push out those updates to the rest of your design system.

Lingo — updating assets

Other options:

Folio for Mac — a version control tool that supports Photoshop, Illustrator & Sketch on Mac

Pics.io — another version control tool that uses Google Drive as their Digital Asset Management and Version Control system.

Top 5 Design Collaboration Tools

Thanks for reading! My handbook on UX is now available on Amazon! Get mylessons from the field of design.

<a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a>

Tools to Enhance Product Team Collaboration was originally published in Prototypr on Medium, where people are continuing the conversation by highlighting and responding to this story.

Tools to Enhance Product Team Collaboration

Cool stuff, every week

More Articles