large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

Published on <a href="https://blog.prototypr.io/tools-to-enhance-product-team-collaboration-6a785485ee00?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Joanna Ngai <img alt="" src="https://cdn-images-1.medium.com/max/1024/0*dcXxUbuCsOohXb0t.jpg">Credit: <a href="https://www.lingoapp.com/">Lingo</a>
<h4>By <a href="https://medium.com/@ngai.yt">Joanna Ngai</a></h4>
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.
<a href="https://www.figma.com">Figma </a>— 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.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*TfPrs1w7GONZuoCtAfbi8Q.gif">Figma Team Library
<a href="https://www.invisionapp.com/craft">Craft plugins for Invision</a> — a handy set of tools for Sketch and Photoshop.
The <a href="https://support.invisionapp.com/hc/en-us/articles/208434046-Craft-Introduction-to-the-Library-plugin">Library plugin</a> allows you to create a custom style guide inside of Sketch to improve consistency between you and your coworkers.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YYzEDl847XXcGh-YOjrJcw.jpeg">Craft — Library plugin in Sketch<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*7D4zv5PrbpVGbIwIQ1HW0w.png">Comparison of Craft based on OS
Their new <a href="https://www.invisionapp.com/blog/announcing-invision-design-system-manager/">Design System manager</a> brings together all brand and UX components to improve your team’s workflow. It syncs with their newest design tool <a href="https://www.invisionapp.com/studio">InVision Studio</a>, Sketch and a web view.
<a href="https://zeplin.io/">Zeplin</a> — prepares specs and generates assets quickly to streamline designer/developer handoff
<img alt="Image result for zeplin style guide" src="https://cdn-images-1.medium.com/proxy/1*dguIAGW-etqZCptTOAGCqQ.png">Zeplin
<a href="https://marvelapp.com/handoff/">Handoff </a>— Another handoff tool, by Marvel. Design in Marvel, Sketch or Photoshop (coming soon), and generate specs or assets directly off your designs.
<img alt="" src="https://cdn-images-1.medium.com/max/778/0*7whPmzsV3jZ-cUYI.png">
<a href="https://www.uxpin.com/">UX Pin</a> — web based design tool, real time collaboration. Features a shared library of components, colors, and images accessible to the entire team.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*sq9_VhmIz5Fi4bFm.jpg">UX Pin — Design System Library
<a href="https://www.goabstract.com/">Abstract </a>— version control plugin for Sketch
<img alt="" src="https://cdn-images-1.medium.com/max/640/1*FYmv4ZENj4j3PzIKUSYrIA.gif">Abstract annotations allows you add comments to artboards
<a href="https://plantapp.io/">Plant</a> — version control plugin for Sketch
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*_qgpGKuQFZFbi2VA.png">
<a href="https://www.lingoapp.com/sketch/?ref=producthunt">Lingo</a> — a design system manager for Mac. Allows you to make changes and push out those updates to the rest of your design system.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*x12TUizqCrgpEdfe21exUA.png">Lingo — updating assets
<h4>Other options:</h4>
<a href="http://folioformac.com/?ref=producthunt">Folio for Mac</a> — a version control tool that supports Photoshop, Illustrator &amp; Sketch on Mac
<a href="https://pics.io/version-control-for-designers">Pics.io</a> — another version control tool that uses Google Drive as their Digital Asset Management and Version Control system.
<a href="https://blog.prototypr.io/top-5-design-collaboration-tools-b106795f7083">Top 5 Design Collaboration Tools</a>
<h4>Thanks for reading! My handbook on UX is now available on <a href="https://www.amazon.com/dp/B01IECEMYU">Amazon</a>! Get my<a href="http://amzn.to/2x34OL9">lessons from the field of design</a>.</h4>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=6a785485ee00" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/tools-to-enhance-product-team-collaboration-6a785485ee00">Tools to Enhance Product Team Collaboration</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Tools to Enhance Product Team Collaboration

Tools to Enhance Product Team Collaboration

By Joanna …

Top Stories