Rules to Better Designers - 4 Rules
Design files should never be stored in Azure DevOps (was VSTS/TFS) or any other development file system.
Google Drive and Dropbox don’t work in China, so SSW prefers to use OneDrive.
For developers, see Do you know where to keep your files?
There are a few options when it comes to the best software for product design (the creation of mockups and prototypes in particular). The most popular are:
- Adobe XD
- Sketch (recommended)
Sketch is the design tool of choice as it’s faster, lighter, and comes with a long list of plugins that add extra functionality, automation, and synergy with other tools in a designer’s arsenal. Clickable prototypes can be saved to the cloud and accessed in any web browser by designers and clients alike.Figure: Sketch is an awesome lightweight design tool
Warning: Sketch is available only on MacOS
The goal of any designer is to develop the best UI and develop the best user experience possible, and you want the best tool to help achieve this acrossweb and mobile applications. Sketch allows universal changes using a library of symbols, text, and layer styles.
Note: One software doesn't alwasys replace the others! Sketch does not include the print design and photo editing features of Adobe Photoshop and other software also used by designers. Photoshop is the industry standard in raster (pixel-based) graphics editing, photography, and digital art. Adobe Illustrator, on the other hand, is the standard vector-based design tool used for print design, logos,icons, and more. All of these tools are important parts of a designer's kit!
When it comes to design work, Abstract is considered the best tool for sharing and version control over GitHub and other similar tools because it displays changes visually. It easily synergises with Sketch and Zeplin to form a useful software ecosystem and streamlined workflow for designers. The result is a system that allows designers to collaborate without overwriting each other’s work while easily tracking the changes made.
Warning: Abstract is available only on MacOS
Using Abstract version control makes it easy for designers to work together, clearly displays which version of a project is the latest andshows who has created or edited elements.
Follow these steps to contribute to a project in Abstract:
- Open a project in Abstract
- Create a new branch and give that branch a name that reflects the work you’re doing.
- Click “Edit in Sketch”.
- Make and save your changes in Sketch.
- Commit your changes to Abstract.
- When you're all done, merge your branch.
Warning: While you can open a Sketch file by selecting “Open Untracked”, this will not save your changes in Abstract - meaning you won’t be able to collaborate with others and your changes could be lost.
Zeplin provides designers with an organised workspace where they can publish their work and allow the entire team to collaborate on a project.
This software allows developers to view mockups with selectable elements – even displaying snippets of HTML and CSS that can be pasted right into a projector simply used as a helpful reference point. Users can also leave comments and notes on mockups to serve as reminders or points of feedback.
Using the Zeplin plugin for Sketch, designers can easily export not only their mockups but any important symbols and assets they created or included.With Zeplin styleguides developers have easy access to a library of the colours and reusable design elements of any given project.
Figure: Zeplin helps developers deliver on the promise of a design