Hvad Figma?

Tanker om designsoftware, og hvorfor vi migrerede Unsplash Design Library til Figma.

Der var en tid, hvor livet var enkelt: Jeg var en universitetsstuderende med en "udvidet prøveversion" -version af Photoshop og Illustrator - alt hvad du havde brug for for at komme i gang med web / grafisk design. Indsæt Notepad ++, hvis du tablede kode.

Hvordan tingene har ændret sig. Indtil for nylig har vi jongleret flere abonnementer til at håndtere vores teams produktdesign og udviklingsstakke: Creative Cloud, Sketch, Abstract, Marvel (på et tidspunkt havde vi også InVision og Redpen), Dropbox, Trello, GitHub og Slack bare for at nævne en få. Alle fantastiske virksomheder / tjenester, der gør vores arbejdsliv til en vis grad lettere.

Som et resultat fører en overflod af tjenester os til en overkompliceret designarbejdsgang: hoppe fra Trello til Dropbox Paper til Sketch-filer spredt i Dropbox.

Har du prøvet Sketch?

Før vi tænker på, hvorfor vi skiftede til Figma, lad os tage et skridt tilbage og se på, hvorfor vi skiftede til Sketch i første omgang.

”Jeg er på affinitet nu” - Andrew Austin

Charles Deluvio og jeg var disse fyre: udelukkende at designe i Adobe Illustrator - mens flertallet af designere brugte Adobe Photoshop til web- og interface-design. Da Sketch hentede hype, har de fleste af de skinnende funktioner, der wow'ed Photoshop-børnene været længe en del af Illustrator: kunstplader, vektorbaseret, SVG-support, gitre, lille filstørrelse, symboler osv. Vi gav Sketch en skudt, men aldrig haft en god nok grund til at springe skibet til en ustabil software, der muligvis ikke engang findes i morgen.

Spol frem til et år senere, og de fleste designere er skiftet til Sketch, mens vi stadig vugget Illustrator. Derefter fulgte Sketch 3 - med introduktion til symboler, større forbedringer af hastighed, templering, SVG-support, bedre stilhåndtering og mere. Vi havde også tilfældigvis ansat en ny holdkammerat, der var en Sketch-bruger. Dette fik os til at besøge Sketch igen, blive forelsket i dets hurtige, enkle brugergrænseflade og fokusere på interface-design - i sidste ende skubber vi os til at arbejde i Sketch og skifte over.

Vi gav op på Sketch et par gange, før vi skiftede over.

Sketch sæt den nye standard for interface designværktøjer. Skitse er konge

Nye børn i byen

Skitse var konge. I dag har vi valg. Konkurrencedygtige valg mellem nogle industrielle tungløftere: Adobe XD, Figma, Framer, InVision Studio, Sketch, UXPin - og sandsynligvis mere, som jeg ikke engang er klar over. Hver virksomhed forsøger at svæve os til at bruge deres produkt ved at levere løsninger på nogle af vores "problemer" eller ved blot at tilbyde et bedre alternativ. Disse løsninger er drevet af marketing, smarte præsentationer og hype. Hovedsageligt hype.

Efter at have prøvet adskillige αlphas og βetas, blev linjen mellem apps hurtigt sløret: slanke UI'er, biblioteker, komponentbaseret, responsiv layoutunderstøttelse, prototype, der er bagt i osv. Hvert værktøj er piggybacking på hinandens svagheder.

Så hvordan vælger du?

I lang tid gjorde vi ikke det. Vi har lagt disse alfaser til side og gik tilbage til at bruge det værktøj, vi var mest godt tilpas med og fik arbejdet gjort - for os var det Sketch.

Hvorfor vi skiftede til Figma

Grundlæggende blev filnavnkonventioner, filhåndtering og versionering i skala besværligt med tiden. Vi havde et system til at håndtere det hele, men alligevel mislykkedes det. Som et resultat har vi endt med adskillige Sketch-filer spredt i vores Dropbox.

Der er endda adskillige værktøjer og plugins, der hjælper dig med at organisere og holde dine Sketch-filer rene. Velkommen til Plugin Hell

[PROJECT_NAME] - [udgave] - [initialer] - [send_help]

Vi har prøvet Abstract, og selvom ideen bag den er stor, føltes det altid som en patch end en permanent løsning på vores problem.

Og vi har alle været der: den frygtede Sketch Update Day.

En ny version af Sketch er tilgængelig!

Kl. 10 er, og du ruller gennem kommentarer til Designer News for at se, om det er sikkert at opdatere. Lidt vidste du, din teamkammerat er allerede opdateret, og de nyligt genererede filer er ikke bagudkompatible.

“Er det sikkert at opdatere Sketch? ”
Typisk samtale på Sketch Update Day.

Hvis dette ikke var nok, så lad os ikke glemme processen med at administrere Sketch-licenser, ombord og dele Sketch-biblioteker med nye holdkammerater.

* gyser *

Det er ikke dig, det er mig

Som en første løsning besluttede vi at gå over vores filnavns- og håndteringsproces - men da Figmas navn stadig dukkede op i vores samtaler, kunne vi ikke længere se bort fra det. Jo mere vi kiggede på det, desto mere var det fornuftigt.

Ideen bag Figma var et frisk pust fra resten af ​​flokken.

Ingen flere filer. Ikke mere synkronisering. Ikke mere Dropbox.

Og vigtigst af alt: det handler om inkluderende, gennemsigtigt samarbejde i skyen. Charles og jeg har arbejdet med Keynote iCloud-dæk i fortiden, så ideen om en samarbejdsarbejde var ikke ny. Fordelen ved at arbejde i det samme dokument samtidigt er svært at slå - hvilket er Figmas fundament.

For at tilføje til det, var enkelheden ved at kopiere et link og videregive det til enhver interessent en spiludveksler. For ikke at nævne Figmas multiplatformkompatibilitet: Linux? Intet problem.

Springende skib

Jeg vil ikke gå nærmere ind på, hvordan vi migrerede til Figma, men snarere skitsere de trin, vi tog, som hjalp os med at skifte trygt:

  • Skitserede problemerne med vores nuværende arbejdsgang
  • Læs op på Figma og set tutorials for at få en fornemmelse af en mulig arbejdsgang
  • Noteret vores fund, links til ressourcer, tutorials og relevante artikler
  • Kørte et testprojekt på Figma
  • Skitserede fordele og ulemper ved at skifte
  • Opdel vores komponenter og migrerede dem en efter en i løbet af et par uger
Dokument, der beskriver fordele, ulemper og relevante artikler

Der er ulemper

Figma er ikke perfekt. Som enhver software er der fejl og problemer. Vi har en løbende ønskeliste over funktioner, som vi ville elske at se. Dynamiske knapper (omdøb og automatisk ændre størrelse på en knap) og dynamiske pladsholderbilleder er de største hindringer for vores team (Unsplash API kunne komme godt med her ).

Én ting at huske er, at det, der fungerer for en organisation, kan være en katastrofe for en anden. Gør din due diligence, før du springer på det nyeste designværktøjsmotur. Hos Unsplash har Figma været et værktøj, som vi har diskuteret siden dets tidlige dage og kun har migreret 3 år ind i dens udvikling - primært på grund af vores interne behov.

Hvad er det næste?

Fremadrettet flytter vi vores resterende aktiver til Figma: mobilbibliotek, iOS-bibliotek og forskellige marketinggrafik.

Vi holder også øje med udviklingen af ​​konkurrentværktøjer. Måske skifter vi til noget som Modulz og gør det igen.

Hvis du overvejer at skifte til Figma (eller et andet designværktøj), vil jeg meget gerne høre om din proces. Efterlad dine kommentarer nedenfor eller send mig en tweet.