Figma er byens siste snakk i design- og prototypebransjen og har store spillere som klatrer for å lage sine egne versjoner. XD er Adobes svar på Figma, som drar nytte av sømløs integrering med andre Adobe-apper som Photoshop, Illustrator og Sketch. Figma er den nye gutten på blokken som tvinger andre barn til å spille opp. Adobe har svart, men vi må finne ut hvordan disse to prototyping- og designappene skiller seg fra hverandre, og hvilken som passer for dine behov.
Figma vs Adobe XD
Figma er en online programvare for design og prototyping som tilbyr sanntids samarbeid. Adobe XD tilbyr derimot et godt designet brukergrensesnitt som integreres dypt med andre Adobe-apper. Både Figma og Adobe XD ser robuste ut på utsiden, men har forskjellige funksjoner som gjør det egnet for et bestemt publikum. I denne sammenligningen vil vi se nærmere på hvilken designprogramvare som er beregnet for hvem.
1. Tilgjengelighet
Figma er en nettbasert app som kan kjøres fra en stasjonær nettleser med internettforbindelse. På toppen av det er det også fullverdige apper for Windows og Mac, slik at arbeidsflyten din kan opprettholdes fra hvilken som helst enhet. Android- og iOS-versjonene lar deg se sanntidsoppdateringer, men støtter ikke design.
XD er derimot bare tilgjengelig på Windows og Mac som programvare som du kan synkronisere ved hjelp av Creative Cloud. Ingen nettapp som betyr at du ikke kan jobbe med XD på andre datamaskiner enn din. Det er ingen ledsager-app for smarttelefoner heller. Figma er den klare vinneren hvis du vil jobbe online.
Figma: 1
Adobe XD: 0
2. Brukergrensesnitt
Figma og Adobe XD er den ledende programvaren for UX-designerne, og begge har et raffinert brukergrensesnitt som er intuitivt og responsivt. Enten du bruker Figma i en nettleser eller XD på datamaskinen, fungerer begge veldig bra. Figma har plassert verktøylinjen øverst og XD i venstre rute. XD ser imidlertid mye ut som Figma enn den gjør med annen Adobe-programvare.
I motsetning til Sketch jobber Figma og Adobe XD med et lyst tema og går glipp av muligheten til å implementere et mørkt tema. Det er imidlertid et kosmetisk designvalg, så jeg kan la det gli, men Adobe har en mørk modus på Photoshop, Illustrator og After Effects som bare virker inkonsekvent.
Figma: 1
Adobe XD: 0
3. Design
Figma kan være den populære, men XD tilbyr like intuitive designverktøy som Figma for å hjelpe deg med å lage fantastiske design. Både Figma og XD har et standard sett med verktøy som rektangel, oval, polygon, tekstboks, linje, penneverktøy etc. Det som skiller de to er implementeringen. Figma tilbyr små funksjoner som gjør en stor forskjell. For eksempel kan du justere hjørner for å glatte det ut med en glidebryter som gir deg avrundede hjørner i iOS-stil som smelter sømløst inn i en kant.
Imidlertid er XD på ingen måte dårligere når det gjelder verktøyets dyktighet og har de fleste funksjonene som tilbys av Figma. Du kan opprette et objekt, justere posisjonen, kontrollere det enkelte hjørnes runde, raskt endre farge og strek, bruke skygge, uskarphet osv. Faktisk kan du lære et verktøy og umiddelbart begynne å jobbe med det andre uten problemer, da begge programvarene har lignende implementering. For eksempel, når du oppretter en polygon, kan du klikke på forankringspunktet på objektet og endre det skarpe hjørnet til en avrundet på både Figma og XD. Egenskapsruten til høyre tilbyr detaljert kontroll på begge programvarene.
Til slutt får Figma fortsatt overhånd på grunn av hjørneutjevningsfunksjonen og en bedre implementering.
Figma: 2
Adobe XD: 0
4. Prototyping
Etter designet fortsetter du med å prototype prosjektet ditt ved hjelp av den innebygde funksjonaliteten på Figma og XD. Figma har et intuitivt sett med utløsere som du kan bruke med prosjektet ditt, for eksempel ved trykk, på dra, mens du holder musepekeren osv. Du kan også velge å animere overgangen ved hjelp av en eksisterende mal eller lage en egen overgang. Som jeg nevnte i Figma vs Sketch sammenligning, du kan ikke koble sider og gjøre overganger så sømløst i Figma som du kan med Sketch og XD.
XD tilbyr et godt polert prototypegrensesnitt med muligheten til å koble flere tegnebrett i et enkelt prosjekt. Det er overlegen fordi du får en følelse av at ting fungerer som de ville gjort i sluttfasen av prosjektet. En bedre måte å visualisere arbeidsflyten på. I tillegg har XD et mye bedre prototyping-arbeidsområde der du umiddelbart kan koble en side til en annen med mange animasjonsmaler. Det er litt bedre på prototyping når du trenger å lage store prosjekter med hundrevis av sider.
Figma: 2
Adobe XD: 1
5. Samarbeid i sanntid
Figmas største fordel var at det virkelig var samarbeidende, men Adobe XD har imidlertid tatt tak i det og tilbyr også sanntidssamarbeid. Det er egentlig en lignende prosess på begge programvarene - du lager et prosjekt, inviterer andre og begynner å jobbe.
Den eneste forskjellen er at Adobe XD krever en Creative Cloud-konto og Figma krever en Figma-konto. Bortsett fra det, går begge programvarene lik på denne fronten.
Figma: 2
Adobe XD: 1
6. Plugins og ressurser
Det som gjør de to programvarene utrolige, er fellesskapsstøtten bak hver. Du får støtte for plugins og ressurser for både Figma og Adobe XD. Selv om Figma og XD konkurrerer likt på ressursfronten, har Figma en enorm liste over plugins som forbedrer funksjonaliteten og forbedrer arbeidsflyten din på nye og intuitive måter.
Figma: 3
Adobe XD: 1
7. Pris
Adobe tilbyr overraskende XD gratis for nybegynnere, akkurat som Figma. På den gratis planen lar Adobe XD deg lage ett dokument med medredigering, dele en lenke til ett dokument og 2 GB Creative Cloud-lagring. Figma, derimot, tilbyr ubegrenset redaktører på 3 filer og ubegrenset lagring.
Figma fjerner alle begrensningene på $ 12 / måned / redaktør, og Adobe XD gjør det til $ 10 / måned. Imidlertid, hvis du ønsker å skaffe Adobe XD til et team, klatrer abonnementet opp til $ 22 / måned / redaktør.
Sjekk ut Figma (gratis, $ 12 / måned)
Sjekk ut Adobe XD (gratis, $ 9 / måned)
Figma vs Adobe XD: Hva er dommen
Adobe XD og Figma er kraftige verktøy for å frigjøre kreativiteten din og designe utrolige prosjekter. Figma er mer tilbøyelig til enkel tilgang og intuitivitet, men tilbyr også et omfattende sett med verktøy for komplekse design. Adobe XD benytter seg av Adobes økosystem og tilbyr en sømløs overgang fra Photoshop, Illustrator osv. Det betyr at du raskt kan importere prosjekter fra programvaren og integrere dem med XD-arbeidsflyten. XD har faktisk fordeler som et bedre prototypinggrensesnitt som lar deg lage kraftige design, men det avhenger av brukssaken din. Jeg vil anbefale å få Figma hvis du er en individuell designer med noen få prosjekter, og Adobe XD hvis arbeidsplassen din allerede har et Creative Cloud-abonnement. Hva tror du? Hva er ditt foretrukne valgverktøy. Gi meg beskjed på Twitter.
