Design Tool Stack

Sketch

Is the number one UI Design tool at hy.am. We all use it for a smooth workflow within the team. You can find some handy insights, shortcuts and plugins here.

For each project we set up a design system within Sketch including text styles, shared styles, colours, icons, buttons and other recurring UI elements. This enables a flexible & dynamic collaboration of all involved designers. It guarantees a consistent design throughout the project and makes it easy to hand it over to external developers.

If you would like to know how to set up a proper design system, check out this presentation

If you still don’t get it and you have a lot of time, checkout this dudes tutorials in annoying german english:

Tutorial Typescale Tutorial Design System

Abstract

Abstract is a design workflow platform providing design teams with one place to version, manage and collaborate on files. Means designers can work together on one single file. This avoids loss of data file overwriting.

At the beginning of a new project:

Save the project sketch file in the dedicated folder on the drive. Create a new abstract project and upload this sketch file into abstract. This file functions now as “Masterfile” and other Designers can collaborate together on this file. For more information how abstract works, please check out the presentation Introduction to Abstract.

For even more information check out the Abstract 101 Webinar

If you are still not sure how to use it, feel free to ping Mario.