Enten du er en spirende designer eller en erfaren profesjonell, er det alltid en god praksis å holde deg oppdatert med de nyeste verktøyene i bransjen. Figma og Sketch er to utrolig allsidige vektorbaserte apper for design og prototyping som lar deg lage fantastiske mockups, app-grensesnitt og raskere. Jeg har prøvd å øke designspillet mitt og bestemte meg for å gå opp fra Photoshop. Å velge en av disse to design- og prototypeappene er imidlertid utfordrende da de ser identiske ut på overflaten. Sammenligningen nedenfor dekker mine funn på Figma og Sketch og skal hjelpe deg å forstå hvordan de er forskjellige.
Hva er Figma og Sketch Who
Skisse har eksistert i et tiår mens Figma har vært ute i mindre enn 5 år nå. I denne sammenligningen vil jeg dekke det grunnleggende og forklare hvilken app som er beregnet for hvem.
1. Tilgjengelighet
Dette er en av de høyest annonserte fordelene med Figma. Det er et nettbasert verktøy som også tilbyr apper for macOS og Windows. Du kan imidlertid komme i gang med en nettleser på skrivebordet med en anstendig internettforbindelse. Det som gjør det enda bedre er at Figma også har ledsagerapper for både Android og iOS som gir deg live designoppdateringer på farten. Siden alt er i skyen, har du tilgang til designoppdateringene dine eller teamet ditt hvor som helst i verden.
Sketch, derimot, er strengt tatt macOS-app, og du kan bare installere den på MacBooks. Selv om det ikke er en offisiell ledsager-app for smarttelefoner, kan du få en Sketch Mirror for Mac. I all rettferdighet gjør Figma en bedre jobb med å være et online verktøy i sanntid med bedre plattformkompatibilitet enn Sketch.
Figma: 1
Skisse: 0
2. Brukergrensesnitt
Figma og Sketch har begge et lignende grensesnitt og plassering av verktøy (sidefelt) som gjør sammenligningen enklere ettersom du kan fokusere på verktøyene og andre funksjoner relatert til arbeidsflyten din. Begge appene har et arbeidsområde eller lerret i midten, lag og eiendelattributter til venstre, en verktøylinje øverst og en egenskapsrute til høyre. Det eneste Sketch har når det gjelder brukergrensesnitt er den mørke modusen som er veldig lett for øynene og passer godt sammen med macOS-temaet.
Bortsett fra noen kosmetiske endringer, har begge Figma og Sketch et lignende brukergrensesnitt.
Figma: 1
Skisse: 1
3. Design
Både Figma har en rekke standardformverktøy og designressurser for å bygge ditt første designprosjekt og alt etter det. Imidlertid er Figmas verktøyimplementering overlegen. For det første har hvert formverktøy som rektangel, oval, stjerne og polygon en enkel måte å runde hjørner på. Du kan bare klikke og dra et hjørne og få en hard kant til å se myk ut. Det er en flott designestetikk, og jeg er glad for at Figma gjør det superenkelt.
Mens Sketch har mange kraftige verktøy, er det bare at funksjonene krever en læringskurve, og at du må finne ut hvordan du gjør ting. Det er ikke intuitivt. For eksempel, hvis du ønsker å runde hjørnene i en trekant, vil du først opprette en vanlig trekant, så komme i redigeringsmodus, klikke på alle hjørnene, og deretter bruke avrundingsverdi for å lage et objekt med avrundede hjørner. Figma er mer brukervennlig enn Sketch.
Figma: 2
Skisse: 1
4. Prototyping
Når du er ferdig med designdelen av prosjektet ditt, er neste trinn å prototype det. Både Figma og Sketch har kraftige prototypeverktøy som lar deg innlemme kraner, knappetrykk i designet og få det til å fungere under testing som om det ville gjort i det virkelige liv.
Figma tilbyr interaksjonsbevegelser i et enkelt å forstå og enkelt å implementere format. Du velger ganske enkelt en handling og resultatet, og peker knappen mot et annet attributt, så er du ferdig. Du kan til og med animere alle nyanserte bevegelser med din tilpassede animasjon. Et lite problem som hele Figma-samfunnet står overfor er imidlertid at du ikke effektivt kan koble til flere sider.
Merk: Du kan faktisk koble sider til et prosjekt i prototyping med lenker, men det er foreløpig ineffektivt og åpner ganske enkelt siden i en ny fane som ikke er veldig sammenhengende.
Sketch, derimot, tilbyr en smøraktig jevn måte å lage lenker mellom forskjellige sider. Selv om Sketch kaller disse Artboards og ikke Pages, forblir konseptet det samme og implementeringen er bedre. Til slutt koker det ned til dine krav. Hvis prosjektet ditt har få sider, men krever avanserte animasjoner, tilbyr Figma bedre prototyping. Men hvis du vil lage en sammenhengende prototype for klientene som kan få en følelse av prosjektet med flere deler, gjør Sketch det bedre. Det er effektivt et slips.
Figma: 2
Skisse: 1
5. Plugins
Sketch og Figma er begge funksjonsrike, men hvis du har en tilpasset arbeidsflyt, er det et plugin for deg. Sketch har eksistert lenger og har derfor flere plugins i biblioteket. Du kan imidlertid finne populære plugins som Zeplin, ProtoPie og Avocado på både Sketch og Figma. Begge appene tilbyr APIer for å lage dine egne plugins for arbeidsflyten din.
En ting å merke seg her er at siden Figma er et elektronisk verktøy, er alle plugins tilgjengelige til enhver tid og fungerer sømløst. Sketch selv om det har støtte for flere plugins, krever at du laster ned den digitale kopien og limer den inn i plugins-mappen. Dette er i beste fall bare en liten ulempe, og Sketch har fortsatt overlegen plugin-støtte.
Figma: 2
Skisse: 2
6. Samarbeid i sanntid
Figma er forkjemper for sanntidssamarbeid, og Sketch kommer ikke engang i nærheten av sky-synkroniseringsfunksjonen. Figma lar ubegrensede seere og kommentatorer som kan se prosjektets fremgang i sanntid. Sketch, derimot, lar deg lagre og synkronisere prosjektene til skyen, og når den er lagret, kan seerne se de oppdaterte designfilene. Kort fortalt tar Figma en sky-første tilnærming som er en av grunnene til at den har tatt av seg slik den har gjort.
Figma: 3
Skisse: 2
7. Pris
Figma tilbyr tre nivåer med to betalte abonnementer og en gratis for individuelle skapere. Den gratis planen tilbyr ett teamprosjekt om gangen og ubegrenset redaktører. Den betalte planen starter på $ 12 / måned / redaktør og tilbyr ubegrenset redaktører, versjonshistorikk og prosjekter.
Sketch leveres med en 30-dagers gratis prøveversjon. Etter det vil du bli fakturert $ 9 / måned / redaktør for alle funksjonene. Figma er definitivt litt dyrt når du får den betalte planen, men hvis du bare trenger å jobbe med ett prosjekt av gangen, lar Figma deg jobbe med det gratis.
Sjekk ut Figma (gratis, $ 12 / måned)
Sjekk ut Sketch (gratis prøveversjon, $ 9 / måned)
Figma eller skisse: Hvilken er en bedre design og prototyping-apper
Det kan ikke benektes at Figma og Sketch begge er fantastiske apper som muliggjør prototyping og design. Figma tar en sky-første tilnærming og er bedre for online samarbeid. Skisse er billigere for team, tilbyr flere plugins, men fungerer ikke utenfor Apple-økosystemet.
Jeg håper sammenligningen ovenfor gjorde beslutningen litt enklere for deg, og hvis jeg skulle si min mening, ville jeg gå med Figma. Jeg sier det fordi brukssaken min innebærer å lære å designe modeller, og jeg vil ikke jobbe med flere prosjekter samtidig. Hva tror du? Hvilket verktøy er bedre for deg? Gi meg beskjed på Twitter.
Les også: De beste appene for å lage infografikk og datainnsikt i 2021
