Zeplin als tool voor samenwerking
De belangrijkste tool die wij gebruiken is echter Zeplin. Dit programma is voor ons de ideale tool voor samenwerking en overdracht van ontwerp naar development. Zie het als de Google Translate voor ontwerpers en developers. Vanuit Sketch kunnen ontwerpers bestanden direct uploaden naar de cloudomgeving van Zeplin. Daar kunnen developers de ontwerpen bekijken en becommentariëren.
De grootste truc zit in de achterkant van Zeplin: alle informatie die developers nodig hebben kunnen zij uit het ontwerp halen. Elk element kan los worden aangeklikt en daarbij is van alles zichtbaar: van grootte van element, afstand tot andere elementen tot en met schaduwen en kleuren. Bovendien is ook helder in te zien welke algemene tekst- en kleurstijlen door het ontwerp heen worden gebruikt.
Zo is het snel te zien als er foutjes en oneffenheden zijn, en is de stijl gemakkelijk en consequent door te voeren, wat zorgt voor een gebalanceerde en rustige website. Verder is ook de overdracht van ‘assets’, zoals iconen, foto’s en logo’s een eenvoudig klusje geworden. In plaats van handmatige exports door ontwerpers is het slechts een kwestie van definiëren in Sketch welke elementen de developer moet kunnen downloaden. De developer kan vervolgens in Zeplin gemakkelijk de juiste plaatjes downloaden, op de manier die hij/zij wil: van vector SVG tot transparante PNG.
Onlangs is ook de functie van componenten toegevoegd, iets dat feilloos aansluit op ons design system, dat ook opgebouwd is uit vaste componenten. Developers kunnen hiermee zien welke componenten op welke plek worden herhaald & kunnen componenten geïsoleerd van het volledig ontwerp bekijken. Dit geeft de developer veel meer ruimte om ook zijn eigen legodoos te bouwen, waarmee hij of zij dus ook weer super gestructureerd kan werken aan websites die netjes in elkaar zitten en gemakkelijk kunnen worden uitgebreid.