Ontwerpsoftware is meer dan alleen een hulpmiddel voor het maken van een visueel ontwerp en prototypes. De juiste software kan je productiviteit aanzienlijk verhogen en beïnvloedt de voorwaarden voor een succesvolle productlancering. Onze collega’s Sven en Jordy hebben beide tools uitgebreid onder de loep genomen om de ultieme tool te kunnen bepalen die het beste werkt voor ontwerpers, teams en klanten. Bij het maken van de vergelijking hebben we de nadruk gelegd op de functionaliteiten, het samenwerken, de platform ondersteuning en het gebruiksgemak. Dus, wie zal de strijd winnen? 

We hebben in deze vergelijking gekozen voor de echte marktleiders, namelijk Figma en Adobe XD. Ook onze ontwerpers kiezen de tools die het meest geliefd zijn op de markt. Tegelijkertijd zijn we enthousiast over het uitproberen van nieuwe oplossingen en weten we goed dat niet elke tool een industriestandaard wordt. Bij Uncoded werken we aan allerlei digitale producten waar we prioriteit geven aan tools die zowel goed werken voor UI als voor UX, die samenwerking in teams ondersteunen, krachtige overdrachtsmogelijkheden hebben en helpen om snel digitale producten te lanceren.

Figma

Figma wint snel aan populariteit; het is een cloud gebaseerde oplossing die niet hoeft te worden geïnstalleerd, opgeslagen of worden geëxporteerd. Figma blinkt uit in zijn realtime samenwerking en overdrachtsfunctionaliteit.

Figma heeft enorm veel functionaliteiten geïntegreerd in één tool, die wireframing, prototyping, het gebruik van ingebouwde sjablonen en het ontwerpen van gebruikersinterfaces mogelijk maakt. De app is overtuigend vanwege zijn overdrachtsfunctionaliteit en het realtime kunnen samenwerken. Met Figma hoeft u ook niets op uw computer op te slaan, alle bestanden worden automatisch en veilig opgeslagen in de cloud. Je kan je geopende projecten in de offlinemodus bekijken en bewerken. Wijzigingen worden automatisch opgeslagen wanneer je online bent, indien nodig kan je een .fig-bestand op je computer opslaan. Bovendien importeert Figma eenvoudig andere vectoriële bestanden.

Adobe XD

Adobe XD blijft populair onder de fans van Adobe’s Creative Cloud-oplossingen. Het is een vectorgebaseerde tool waarmee je een visueel ontwerp en eenvoudige interactieve prototypes kunt maken op Mac en Windows. In 2019 introduceerde Adobe coediting – de mogelijkheid voor teamleden om in realtime in hetzelfde document te werken.

Adobe XD heeft alle nodige functionaliteiten om te kunnen ontwerpen voor web en mobiel. Net als Figma, kan je met de tool componenten ontwerpen en deze in meerdere documenten (her)gebruiken om wireframes, schermlay-outs en interactieve prototypes te maken. Maar anderzijds, zijn sommige essentiële functies afwezig of onhandig voor ontwerpers – de tool heeft namelijk geen ondersteuning voor linialen en de basis shortcuts verschillen van die in Figma. Ook is het exporteren van afbeeldingen niet gebruiksvriendelijk en ontbreekt de mogelijkheid om CSS-attributen te kopiëren. Bovendien ondervonden wij een ​​verhoogd geheugengebruik tijdens het gebruik van de tool en werd de bestandsgrootte in XD snel zwaar. Wat betreft de samenwerkingsfuncties, heeft Adobe het vanaf 2019 mogelijk gemaakt om documenten te delen voor evaluatie en ontwikkeling en maakte het realtime samenwerking via de cloud mogelijk. Alleen bevindt dit zich nog steeds in de bètafase en is dit nog niet zo gebruiksvriendelijk als de samenwerkingsmogelijkheden die wij in Figma kennen.

Overeenkomsten en verschillen

Figma en Adobe XD kunnen de kenmerken en functies van een website of app visualiseren en hebben veel gemeen: 

• maken het beide mogelijk om gebruikersinterfaces te ontwerpen met alle UI-elementen (zoals kleur, typografie, afbeeldingen, …);
• tekengebieden waarmee u een lay-out kunt kiezen om ontwerpen voor mobiel, tablet en desktop te maken;
• mogelijkheid om interactive prototypes te gaan maken.

Om de winnaar te bepalen, hebben we beide tools vergeleken, afhankelijk van hun geweldige functies en mogelijkheden om plug-ins te ondersteunen, samen te werken, designs over te dragen, offline te werken, opmerkingen achter te laten en onze uitgebreide ervaring.

Beschikbaar voor	Mac, Windows, Linux en web	Mac en Windows
Plugin ondersteuning
Samenwerken
Opmerkingen en code beoordeling	via cloud + in Figma zelf	enkel via cloud
Offline werken	Voor geopende projecten
Meerdere tekengebieden
Prototyping
Responsief formaat wijzigen
Gratis uitproberen
Prijs voor individuen (per gebruiker / maand)	$ 12	$ 9,99
Prijs voor teams (per gebruiker / maand)	$ 45	$ 22,99

Onze conclusie

In 2020 schoot de concurrentie tussen Figma en Adobe XD omhoog. Figma, uitgerust met krachtige functionaliteiten voor UX, UI en projectsamenwerking, won enorm aan populariteit. Adobe XD lanceerde de samenwerkingsfunctionaliteit om niet achter te blijven. Door beide tools met hun voor- en nadelen te gebruiken, concludeerden onze ontwerpers dat Figma hier de overwinning behaalt. 

Eerst en vooral: Figma is voor iedereen. Ontwerpers, ontwikkelaars en klanten kunnen er mee aan de slag, ongeacht het soort platform dat ze gebruiken. 

Ten tweede heeft Figma, een uitgebreide bibliotheek met plug-ins, die een verscheidenheid aan extra functies mogelijk maken en de workflow automatiseren (Adobe XD loopt hierin ver achter).  

Ook belangrijk: Figma werkt het beste voor teams. Aangezien de echte samenwerkingsfunctionaliteit en het realtime samenwerken voor XD nog steeds niet optimaal is, is Figma een alles-in-één oplossing waarmee je in realtime kunt delen, reageren en bewerken zonder dat er extra bewegingen nodig zijn (zoals het uploaden van bestanden) omdat het standaard een cloudoplossing is. 

Ten slotte bespaart Figma zowel tijd als opslag. Het is niet nodig om software op uw computer te installeren of zware bestanden op te slaan – alle bestanden staan ​​in de cloud en zijn overal toegankelijk. Met Figma hebben ontwerpers, ontwikkelaars en copywriters toegang tot hetzelfde bestand en kunnen ze tegelijkertijd aan het project werken. Bovendien zult u geen verhoogd geheugengebruik ervaren tijdens het werken in Figma (zoals we wel deden met XD).