Op zoek naar een alternatief voor Sketch op Windows

Sketch is dé designtool voor Mac-gebruikers, maar opties voor Windows zoals Figma, Adobe XD en Invision Studio winnen snel terrein met krachtige functies voor web- en appdesign.

Sketch is een uitstekende designtool voor het ontwerpen van websites en apps. Dankzij het grote aantal beschikbare plugins is het een zeer efficiënte tool om snel ontwerpen te realiseren. Op mijn MacBook gebruikte ik Sketch dan ook met volle tevredenheid. Helaas zijn de ontwikkelaars van Sketch zo vastberaden dat er nooit een Windows-versie van Sketch zal worden uitgebracht.

Bohemian Coding beweert dat het technisch niet mogelijk is om Sketch voor Windows te ontwikkelen. Naar mijn mening heeft het echter meer te maken met de veronderstelling dat elke designer op een Mac werkt. Hoewel dit beeld mogelijk gedeeltelijk klopt in het Westen, is een Mac in andere delen van de wereld vaak onbereikbaar.

Wat de reden ook is, ik vind het helemaal niet van deze tijd om een programma exclusief voor één besturingssysteem uit te brengen. Gelukkig zijn er steeds meer goede alternatieven voor Sketch die wel werken op Windows, Linux of zelfs in de browser.

Figma, Adobe XD en Invision Studio

In de zoektocht naar een volwaardig alternatief voor Sketch zijn drie programma’s bijzonder naar voren gekomen: Figma, Adobe XD en Invision Studio. Het is duidelijk dat elk van deze programma’s op zijn eigen manier geïnspireerd is door Sketch en het succes van Sketch verder uitbouwt.

Ontwerpen vanuit de browser met Figma

Ik ben onder de indruk van hoe snel je aan de slag kunt met Figma. Geen ingewikkelde aanmelding, geen installatie; je hebt alleen een browser nodig om in Figma te werken. Je logt in op de website en kunt meteen beginnen met ontwerpen. Hierdoor kun je overal waar internet is werken aan je designs.

Omdat Figma in de cloud werkt, hoef je je ontwerpen nooit meer handmatig op te slaan; dit gebeurt automatisch. Hetzelfde geldt voor het maken van back-ups en het bijhouden van verschillende versies van je ontwerp.

De overstap van Sketch naar Figma is vrij eenvoudig, aangezien de interface van Figma grotendeels lijkt op die van Sketch. Dit is prettig, omdat er weinig mis is met de interface van Sketch.

Wanneer je in een team werkt, biedt Figma een handige “Team Library”-functie. Hiermee kun je designcomponenten uitwisselen met je team en deze consistent houden. Als je bijvoorbeeld besluit om knoppen een andere kleur te geven, publiceer je deze wijziging en ontvangt de rest van het team de update automatisch. Figma biedt zelfs de mogelijkheid om in real-time samen aan één ontwerp te werken.

Wat ik nog meer geweldig vind aan Figma, is de mogelijkheid om van je ontwerpen eenvoudig een prototype te maken. Je kunt je ontwerpen aan elkaar koppelen om een werkend prototype te creëren. Dit prototype kun je vervolgens delen met je klant of team, die op hun beurt feedback kunnen geven op je ontwerp.

Figma is gratis voor individueel gebruik. Wanneer je de teamfunctionaliteiten wilt gebruiken, betaal je $15 per teamlid per maand. Bij een jaarlijkse betaling daalt het bedrag per teamlid naar $12 per maand. Een prima deal, vind ik.

Adobe slaat een nieuwe weg in met XD

Wie heeft er geen website of app ontworpen in Adobe Photoshop? Jarenlang heeft Adobe genoten van een absoluut monopolie op het gebied van ontwerptools voor zowel web als print. Maar de tijd dat ontwerpers Photoshop gebruiken voor hun ontwerpen ligt inmiddels achter ons.

Adobe moest reageren op het enorme succes van Sketch. Begin 2016 kwam de eerste preview-versie van Adobe XD uit. Aanvankelijk was deze versie alleen beschikbaar voor Mac en beschikte deze over een beperkte functionaliteit. Gedurende anderhalf jaar voegde Adobe elke maand kleine updates en verbeteringen toe aan XD, en gedurende deze periode was XD gratis te gebruiken. In oktober 2017 kwam versie 1.0 van XD uit en werd het vanaf dat moment een betaalde app.

In de 1,5 jaar dat XD in ontwikkeling is geweest, zijn relatief weinig nieuwe features toegevoegd. Gelukkig heeft Adobe wel de moeite genomen om ook een Windows-versie van XD uit te brengen.

De app werkt verrassend soepel en lijkt qua gebruikersinterface sterk op Sketch en Figma. Dit maakt de overstap eenvoudig en bespaart veel tijd. Van de bekeken programma’s heeft XD tot nu toe de kleinste feature set. Helaas zijn ook niet alle features even goed uitgewerkt.

Wat ook bijzonder is, is dat Adobe XD tot voor kort niet goed samenwerkte met andere programma’s uit de Adobe-familie. Zo is het pas sinds maart 2018 mogelijk om Photoshop- of Illustrator-bestanden in XD te laden. Het is opmerkelijk dat het bijna twee jaar duurde voordat een dergelijke feature werd toegevoegd. Helaas is dit niet de enige keer dat XD traag nieuwe features implementeert, tot grote ergernis van de community.

Het lijkt erop dat Adobe nog een flinke weg heeft te gaan om nieuwe gebruikers aan zich te binden. Echter, Adobe heeft de afgelopen jaren wel een grote groep trouwe fans opgebouwd. Voor deze groep is XD een goede aanvulling in de Creative Suite. Met de huidige prijs en feature set denk ik dat er weinig mensen zijn die Adobe XD los aanschaffen.

Met $20 per maand is Adobe XD verreweg het duurste. Het is bijna twee keer zo duur als Sketch of een teamlicentie van Figma. Je kunt XD ook krijgen als onderdeel van de Creative Suite van Adobe. Een licentie voor de Creative Suite kost $50 per maand, maar dan krijg je ook licenties voor bijvoorbeeld InDesign, Illustrator, Photoshop en Premiere.

New kid on the block: Invision Studio

Het zat er al een tijdje aan te komen dat Invision met een eigen designtool op de proppen kwam. Voor degenen die Invision niet kennen: het is een tool waarmee je je ontwerpen interactief kunt maken, bijvoorbeeld door een app of website na te bootsen. Daarnaast heeft Invision een populaire plugin voor Sketch uitgebracht waarmee je ‘slimmer’ kunt ontwerpen.

Het gerucht ging dat Invision van plan was om Sketch over te kopen, maar dat bleek niet het geval. In plaats daarvan komt Invision met een eigen designtool die op dit moment nog in Early Access zit.

Op het moment van schrijven heb ik toegang tot het Early Access-programma. Helaas is er momenteel alleen een Mac-versie van Studio beschikbaar, maar wat ik tot nu toe heb gezien van Studio geeft vertrouwen voor de toekomst. Wil je zelf ook aan de slag met Invision Studio? Je kunt je gratis aanmelden voor het Early Access-programma.

Invision lijkt zich met Studio voornamelijk te richten op app-designers. Een groot onderdeel van het pakket zijn de uitgebreide prototypingmogelijkheden. Gebruikers kunnen gedetailleerde animaties toevoegen aan hun prototypes, waardoor een zeer goede gebruikerservaring wordt gecreëerd.

Wanneer de Windows-versie van Invision Studio uitkomt, volgt een uitgebreide review op mijn blog. Tot die tijd kun je het YouTube-kanaal en de Twitter-feed van Invision in de gaten houden voor updates.

Invision Studio is gratis voor gebruikers van Invision. Een abonnement begint bij $15 en daarmee kun je drie prototypes maken. Een teamlicentie kost $99 per maand en geeft toegang tot het aanmaken van een onbeperkt aantal prototypes. Het is op dit moment onduidelijk of je met een gratis Invision-plan ook gebruik kunt maken van Invision Studio.

Extra: Sketch-bestanden openen op Windows met Lunacy

Ben je op zoek naar een tool om Sketch-bestanden te openen op Windows, bijvoorbeeld omdat je als developer een ontwerp in Sketch hebt ontvangen? Dan zijn er recent enkele programma’s uitgebracht die je waarschijnlijk interessant zult vinden. De meest populaire tool op dit moment is Lunacy.

Eind maart is Lunacy gelanceerd door het team van Icons8. Momenteel beschikt Lunacy over een beperkte functionaliteit: je kunt Sketch-bestanden openen en opslaan, artboards bewerken, objecten tekenen, assets exporteren en Lunacy heeft een basis font tool.

Icons8 is nog lang niet klaar met de ontwikkeling van Lunacy. Op de roadmap staan nog veel handige features zoals een componentenbibliotheek, symbolen en layout grids. Lunacy is nog geen volwaardige vervanging van Sketch, maar het is goed om te zien dat ontwikkelaars bezig zijn met een Sketch-versie voor Windows.

Lunacy is momenteel gratis te downloaden.

Samenvatting

Het is goed om te zien dat er steeds meer alternatieven voor Sketch worden ontwikkeld. Concurrentie zorgt ervoor dat iedereen scherp blijft. Misschien dwingt de toenemende concurrentie het team achter Sketch wel om terug te komen op hun beslissing om geen Windows-versie uit te brengen.

Tot die tijd ga ik zelf met Figma aan de slag. Ik ben erg onder de indruk van de recent uitgebrachte Figma API. Dit biedt veel mogelijkheden, zoals het automatisch genereren van styleguides of het synchroniseren van ontwerpen met React-componenten. Daarnaast blijf ik de ontwikkeling van Lunacy en Invision Studio nauwlettend volgen. Adobe XD valt voor mij af gezien de prijs-kwaliteitverhouding; $20 per maand is te veel voor deze tool.