Figma VS Sketch

Figma er som Sketch i browseren med realtidssamarbejde.

Med den begrænsede tid, jeg havde med det, kan jeg allerede med tillid sige, at det er langt mere poleret og produktionsklar end i min første oplevelse med Adobe XD. Det har også tre uvurderlige funktioner, der adskiller det: realtidssamarbejde, vektornetværk og versionhistorie. Det kan håndtere snesevis af designere, der arbejder på det samme dokument, på samme tid uden at svække sved. Sidst, men ikke mindst, er dette værktøj virkelig hurtigt og nemt at håndtere 20+ tegnebræt i et enkelt dokument.

Folk vil uundgåeligt sammenligne Figma med Sketch, så som en langvarig bruger af Sketch vil jeg gerne dele min oplevelse efter en tradition, som jeg startede for 3 år siden.

Browser VS indfødt

Jeg var skeptisk i starten, fordi Figma er et browserbaseret brugerflade-designværktøj, men nu er jeg overbevist om, at der er en fremtid på dette område. Alt er ekstremt lydhør, fungerer som forventet, og softwaren er næsten lige så kraftig som dens oprindelige modstykke Sketch, minus funktioner som symboler, tilsidesættelse og plugins. Hvert dokument og version findes på deres server, hvilket gør opgaven med at iterere ubesværet og bekymringsfri. Du kan stadig gemme dit dokument som .fig for at gøre det downloadbart. På denne måde kan du dele dine Figma-filer med andre.

Som standard bruger Figma Google-skrifttyper (et gratis bibliotek på 800+ skrifttyper), men du kan også tilføje dine egne ved at installere en tilføjelse. De inkluderede endda det enormt populære FontAwesome. Jeg synes, dette er et utroligt smart træk, da samarbejdspartnere ikke har brug for at downloade ekstra skrifttyper, når de hopper ind.

Realtidssamarbejde

For mange hold er dette en spiludveksler. At kunne designe med en meddesigner, ingeniør eller klient i realtid sparer masser af tid både i udførelse og kommunikation. Selvom ikke alle projekter har brug for samarbejde, er det godt, at muligheden er der.

Du kan hurtigt arbejde alene og derefter invitere andre, uanset om de er tilmeldt eller ikke til kun at redigere eller se dit design i gang. Fordelen ved et browserbaseret værktøj er, at modtagerne ikke behøver at installere noget overhovedet eller endda eje en Mac for at deltage. Figma fungerer på Mac, Windows, Linux og på mobile enheder (kun visning). Jeg kan ikke overdrive, hvordan dette helt ændrer teamdynamikken og tillader ægte samarbejde mellem designere og udviklere. Alle kan bare komme ind og kontrollere alle specifikationer: skrifttyper, farver, størrelser, afstande osv. Udviklere kan drage fordel af at inspicere begrænsningerne og hvordan layouterne tilpasser sig flere skærme.

Versionshistorie

Versioneringen er meget mere visuel i Figma, så du hurtigt kan sammenligne mellem versionerne. Det er meget mere behageligt at bruge end Sketchs MacOS-native versionering, der føles langsom og over-the-top. Mens de begge har Autosave- og versionhistorik, er deres udførelse helt anderledes.

I Sketch er det langsomt at navigere mellem hver version. Ofte deaktiverer designere denne funktion, fordi den spiser for meget af deres diskplads.

Kommentarsystem

Kommentarefunktionen er indbygget. Teammedlemmer kan fastlægge kommentarer til dine designs, og du vil modtage underretninger, når der er nye kommentarer eller svar. Når du er færdig, kan du klikke på "Løs" for at skjule tråden.

I Sketch kan du tilføje kommentarer ved at downloade et plugin eller bruge den fremragende Zeplin til en mere interaktiv løsning, der inkluderer specifikationer og levering af aktiver.

Zeplin er også browserbaseret, så det fungerer til Mac / Windows.

Et andet Sketch-plugin, der er værd at bemærke, er Craft fra InVision, som giver dig mulighed for at designe med reelle data. Du kan hurtigt generere navne og fotos fra forudindstillinger, websteder eller API'er.

Hvis du sætter Sketch sammen med Craft, InVision og Zeplin, bliver pakken pludselig meget mere attraktiv for kommentarer og prototyper.

Vector netværk

Vector Networks er banebrydende. Du kan flytte linjerne i stedet for vektorpunkter, og alle de tilsluttede punkter følger automatisk. Det skyldes, at i stedet for kun at have et begyndelse og et slutpunkt, kan du forbinde flere vektorlinjer i Figma og skabe et web af vektorpoint. Det er utroligt intuitivt, når du begynder at bruge det.

Vektornetværk introduceret af Figma.

Sikker på, at det stadig mangler ting som saks eller roter kopier, men for de fleste vektorer tror jeg, at Figma er lettere at bruge og vektornetværk kan føre til interessante resultater.

Importer fra skitse

Figma var i stand til at importere Sketch-filer ekstremt nøjagtigt. Hver tegnebræt, grupper og lag blev intakt med deres nøjagtige navne, gruppering og egenskaber, inklusive flere rammer, skygger og effekter som blandingstilstande og baggrundssløring. På grund af dette er jeg tilbøjelig til at sige, at det at bruge Figma som en udvidelse af Sketch eller omvendt ikke er en langt væk idé. Du kan dybest set importere ethvert eksisterende Sketch-arbejde, ressource eller vektor og starte derfra. Det faktum, at de ikke understøtter Photoshop-filer (endnu), taler mængder af det kompatibilitetsniveau, det har med Sketch versus Photoshop.

Mærkeligt nok kunne jeg ikke kopiere og indsætte vektorer fra Sketch til Figma, men jeg kunne trække og slippe en SVG-fil direkte i et åbent dokument.

Jeg var endda i stand til at importere de ekstremt detaljerede vektorer fra Angle og fik et ret imponerende resultat. Selvfølgelig er gradueringer og skygger ikke så flotte (nogle gange endda mangler), men alle former var der. Dette er en stor aftale, fordi du kan bruge stort set ethvert Sketch UI-kit i Figma.

Der er en Desktop-ish-app

Du kan downloade desktopversionen, men forvent ikke en oprindelig oplevelse. Det er dybest set bare et webindpakning. I modsætning til browserversionen forstyrrer ikke tastaturgenveje ikke browserens. F.eks. Skifter CMD + 1–9 mellem browserfane, men i Desktop-appen skifter den mellem dokumenter. Du slipper også for den ekstra browserkrom.

Begrænsninger

Adaptivt layout er en uundværlig funktion til moderne designværktøjer. Designere er nødt til at tackle en stigende mængde enhedsopløsninger. Det ville være fjollet at ikke være i stand til at tilpasse et design fra iPhone 7 til 7 Plus bare ved at ændre størrelsen på Artboard.

I Figma indstiller du begrænsningerne ved at fastgøre mod grænserne eller sætte elementet til center. Det er i det væsentlige som Sketch's Pin to corner og Ændre størrelse på objekt. Jeg må indrømme, at Figmas version er mere visuel og intuitiv at bruge, mens Sketch har flere muligheder som Float på plads.

Er Float på plads noget godt? Ja, hvis du vil have elementerne til at holde den samme proportionelle afstand og størrelse mellem hinanden.

Ydeevne

Håndtering af snesevis af Artboards er en leg i Figma (men din fan begynder muligvis at sparke). De, der klager over Sketchs præstation, finder muligvis bedre held her. I betragtning af, at det er browserbaseret, er indgangspunktet meget lavere for praktisk talt enhver, der ejer et skrivebord, en bærbar computer eller en mobiltelefon. Faktisk har de, der længe ønsket, at Sketch skulle komme ud i Windows, endelig deres svar.

Brugergrænsefladen

Brugergrænsefladen er næsten en nøjagtig kopi af Sketch, helt ned til de mindste detaljer som navnene på værktøjerne, tastaturgenveje, tegnebræt og grupper eller eksportværktøjet. Forkert mig ikke, dette er en GODE ting for brugerne. Det betyder bare, at Sketch har indstillet en så kraftig standard, at både Adobe XD og Figma ikke tøver med at følge.

Sketch er som "iPhone" af designværktøjer, idet de fleste nye værktøjer kopierer dens standarder, tilføjer et par vendinger, men i årenes løb bliver de modne nok til at være virkelig unikke på egen hånd. I sidste ende vinder brugerne mest, da de får flere valg på den højeste standard. Med andre ord, de sidder ikke længere fast i Photoshop til UI-design, på samme måde som de blev stukket af stumme smarte telefoner med uhyggelige tastaturer. Selvfølgelig mener jeg ikke dette som en fornærmelse mod Figma eller Adobe. De er smarte til at imødekomme de moderne designers behov på en måde, der ikke forvirrer dem, hvilket gør deres overgang så glat som muligt. For at være retfærdig kom mange af disse standarder fra Mac og Adobes egen Illustrator og fyrværkeri (RIP).

Skal du bruge Figma?

Jeg synes, svaret er et rungende ja. Du behøver ikke at lære et nyt værktøj, fordi det føles og fungerer som Sketch. For mig følte jeg at skifte mellem disse værktøjer helt naturlig.

Begge værktøjer kan forstærke hinanden, hvilket betyder, at de kan opfylde forskellige behov, når du skifter mellem Mac og Windows, iOS og Android, hjem og kontor. Jeg ville vælge Figma for sit realtidssamarbejde, multi-platform support (Windows, Mac, Linux) og Sketch for dets platformmodning, ægte native oplevelse og dens fremragende plugins og ressourcer. Når det gælder funktioner, tror jeg, at begge til sidst vil indhente hinanden (Realtidssamarbejde, Vector-netværk, kommentarer versus symboler, tilsidesættelse, plugins).

Figma er helt gratis indtil slutningen af ​​året, så prøv det.