Ben je op zoek naar de beste UX-tool?
De keuze tussen Figma en Adobe XD voor het ontwerpen van prototypes en interfaces voor web- en mobiele applicaties is verwarrend. Sketch was immers een tijdlang de onbetwiste leider op het gebied van GUI-ontwerptools. Sterker nog, slechts twee jaar na de lancering in 2011 won deze software een Apple Design Award.
Figma en Adobe XD vormden een geduchte uitdaging voor hem. Deze twee programma's hebben hun functionaliteiten verbeterd en uitgebreid en zich internationaal gevestigd. Beide hebben verschillende revisies ondergaan met één duidelijk doel voor ogen: alles leveren wat een UX/UI-designer nodig heeft, met uitstekende prestaties.
Is het tijd voor UX- en UI-designers om over te stappen van Sketch naar Figma of Adobe XD? Wat zijn de beste tools voor UX- en UI-design? Figma of Adobe XD: welke is de beste keuze?
Een korte introductie van deze twee verschillende tools
FIGMA
Figma is software voor vectorgrafisch ontwerp waarmee interfaces voor mobiele applicaties en websites kunnen worden gemaakt. Het werd gelanceerd in 2016 en werd zeer gewaardeerd door UX- en UI-designspecialisten. De sterke punten van deze software zijn dat deze online beschikbaar is via een webbrowser en dat samenwerking mogelijk is.
Kort daarna brachten de softwareontwikkelaars een desktopversie uit voor macOS en Windows. Figma heeft zich daarmee, dankzij de grote draagbaarheid en toegankelijkheid, gepresenteerd als een volwaardig alternatief voor Sketch.
De speciale iOS- en Android-app stellen gebruikers in staat hun werk en prototypes live te testen.
ADOBE XD
Adobe, bekend om zijn brede scala aan grafische en videobewerkingssoftware, wilde een oplossing bieden die specifiek gericht was op UI- en UX-ontwerpers door vectorgrafische bewerkingssoftware te ontwikkelen die gespecialiseerd is in het ontwerpen van mobiele applicaties en websites. De bètaversie van de software werd in 2016 gelanceerd en een jaar later officieel uitgebracht.
Adobe XD is desktopsoftware die beschikbaar is voor Windows en macOS, en er zijn ook versies voor Android en iOS om creaties in een mobiele omgeving te testen.
Vergelijking van deze twee verschillende tools: Figma versus Adobe XD
Vergelijkbare interfaces
Figma en Adobe XD bieden beide vergelijkbare gebruikersinterfaces. De interface van deze software is verdeeld in vier onderdelen:
- Aan de linkerkant: het paneel met pagina's, tekengebieden en lagen
- In het midden: de werkruimte
- Rechts: het eigenschappenpaneel heet 'Eigenschappen' in Figma en 'Eigenschappeninspecteur' in Adobe XD.
- Bovenaan: de werkbalk
Het maken van pagina's en artboards
Figma heeft op dit punt een streepje voor, omdat deze tool het mogelijk maakt om pagina's (sets van artboards) te maken. Adobe XD daarentegen staat het maken van pagina's niet toe, wat enigszins beperkend lijkt, omdat de ontwerper, ongeacht de omvang van het project, alleen artboards kan maken zonder pagina's te kunnen toevoegen.
Het maken van rasters en lay-outs
Beide tools maken het mogelijk om kolommen in werkplannen te creëren en te gebruiken. Figma is op dit punt echter krachtiger, omdat het de mogelijkheid biedt om elementen te nesten terwijl de verschillende secties zich aanpassen aan het schermgebruik, wat responsive webdesign bevordert.
Ontwerptools
Als het gaat om teken- en vectorbewerkingsprogramma's, lijkt Figma het meest flexibel dankzij een tool genaamd "vectornetwerken". Deze tool is niet te vergelijken met Adobe Illustrator op het gebied van vectorbewerking, maar werkt goed samen met stockvectoren om de ontwerpefficiëntie te verhogen. De tools die Figma biedt, maken daardoor veel meer aanpassingsmogelijkheden en gebruiksgemak mogelijk.
Het kan echter gezegd worden dat ze het behoorlijk goed doen en ontwerpers in staat stellen hun ontwerpen vrij gemakkelijk te bewerken. We zullen niet te diep op de details ingaan, omdat elke software zijn eigen bewerkings- en ontwerptools biedt.
De symbolen
Symbolen zijn een cruciaal hulpmiddel voor UX- en UI-ontwerpers. Zodra een symbool is gemaakt, hoeft u het alleen maar aan te passen om de wijzigingen door te voeren in alle instanties ervan op de verschillende artboards. Figma's "Componenten" bieden veel flexibiliteit, maar missen organisatie, omdat elke werkruimte oudercomponenten kan bevatten. Adobe XD heeft deze functie nog niet geïmplementeerd, waardoor Figma een voorsprong heeft op deze nieuwe functie van Adobe.
Stijlen
Wat betreft de tekststijlen en lagen bieden beide programma's veel flexibiliteit om deze te bewerken en te verfijnen. Figma lijkt op dit punt flexibeler te zijn, waardoor ontwerpers hun ontwerpen vrijelijk kunnen aanpassen.
Plugins
Als Figma aanvankelijk geen plugins bevatte, is het nu koploper op dit gebied! Zowel Adobe XD als Figma hebben een lange en uitgebreide lijst met plugins, maar Figma trekt steeds meer uitgevers aan om hun plugins aan die al lange lijst toe te voegen.
Het maken van prototypes
Adobe XD lijkt de krachtigste software te zijn als het gaat om het maken van prototypes die direct getest kunnen worden. Functies zoals de integratie van geluiden en automatische animaties maken Adobe XD toonaangevend in het creëren en delen van prototypes. Figma maakt het mogelijk om prototypes te delen via een simpele link. Maar ondanks plug-ins die geavanceerdere functies bieden, blijft Figma de software van Adobe voor.
De samenwerking
Figma is, in vergelijking met Adobe XD, verreweg de meest samenwerkingsgerichte tool. Adobe XD is een desktopapplicatie en staat daarom geen realtime delen en samenwerken toe. Om samen aan een bestand te werken, moet je het naar je gesprekspartner sturen en wachten op feedback.
Figma zorgt dus voor een veel succesvollere samenwerkingsstroom.
Kosten
Bij professionele software is de prijs vaak een doorslaggevend criterium. Hieronder vindt u de licentieprijzen voor beide softwarepakketten:
Figma biedt drie licenties aan: een gratis maar minimale licentie, een professionele licentie voor $ 15 per maand per gebruiker en een groepslicentie voor $ 45 per gebruiker per maand.
Adobe XD: net als alle software in de suite is Adobe XD beschikbaar met verschillende abonnementsplannen. Voor persoonlijk of individueel gebruik is er een minimale gratis proefversie, een maandelijks abonnement van € 11,99 of een abonnement op de volledige Adobe-suite voor € 59,99 per maand. Voor collectief gebruik is er een gratis en beperkte proefversie, een maandelijks abonnement van € 19,99 exclusief btw per gebruiker of een abonnement op de volledige Adobe-suite voor € 69,99 exclusief btw per gebruiker per maand.
Welke software moet je kiezen? Wat zijn de beste tools voor UX- en UI-ontwerp?
Zoals je hebt gezien, is het niet eenvoudig om tussen deze twee softwarepakketten te kiezen. De keuze hangt vooral af van je persoonlijke voorkeuren. Als je de voorkeur geeft aan flexibele software en vooral aan software die veel samenwerking mogelijk maakt, kies dan voor Figma. Maar als je op zoek bent naar prototypingsoftware, ga dan voor Adobe XD.
Vergeet tot slot het financiële aspect van de keuze niet; beide opties hanteren verschillende factureringsformules.
Seahawk Media echter altijd Figma aan. Figma is dé partner voor UX/UI-ontwerpen.
We hopen dat deze vergelijking je meer inzicht heeft gegeven in UX- en UI-design. Vergeet niet om ons feedback te geven en je eigen ervaringen te delen.
