Figma transformira cijeli moj tijek rada

I to je sjajno!

Figma je nedavno isporučila prvo cjelovito izdanje svog sustava Team Libraries. Nije tajna da sam bio opsesivan zbog razvoja ovog proizvoda. Skeptično sam gledao internetsku aplikaciju za oblak kao svakodnevni alat za dizajn i nadmudrio sam se ne samo performansama (jer se osjeća osjetljivijim i domaćim nego što biste ikada očekivali da se web aplikacija osjeća. ), ali i u smislu smisla da ova vrsta alata potpuno živi u oblaku. Ako ste ikad bili na ogradi - Timske biblioteke savršen su razlog da se ukrcate.

Dakle, u mom trećem dijelu članaka usmjerenih na Figmu, evo što bih htio opisati:

  1. Manje alata, više dizajniranja
  2. Biblioteke tima i organizacija komponenata
  3. Kako koristim Figmu u kreativnom timu

Manje alata, više dizajniranja

Često čitam komentare difuzujući razgovor o alatima za dizajn samo da bih očito utvrdio da su bolji alati ≠ bolji dizajn. Oduvijek je tako bilo - alati će uvijek biti sjajni kad se održe sjajne ideje. Međutim, vjerujem da svaki alat koji smanjuje trenje tijekom procesa dizajniranja ima potencijal da vrijeme i energiju preusmjeri na stvarni dizajn. Od prelaska na Figmu ima manje prepreka koje moram svladati. To znači da se može potrošiti više vremena na poboljšavanju i ponavljanju, umjesto da se bavimo logistikom izrade, dijeljenja, suradnje i održavanja datoteka. Dijelom je to smanjenje dodatnih alata i usluga potrebnih za posao.

Neki primjeri dodatnih alata ili usluga koje više ne trebam:

  • alati za izradu prototipa niske vjernosti (ili slabo integrirani dodaci) za jednostavne klikove
  • usluge / alati trećih strana za olakšavanje suradnje i komentiranja
  • usluge / alati trećih strana za olakšavanje predavanja programera
  • usluga pohrane u oblaku / mreži za dijeljenje datoteka ili biblioteka domaćina
  • Usluge / alati za nadzor verzije treće strane

Sve se to na Figmi događa neprimjetno, a upravo je postalo još bolje - nova Team Libraries predstavlja sustav za objavljivanje komponenata koji se lako koristi i koji živi u oblaku zajedno s vašim dizajnerskim dokumentima. Što to znači? Bilo koja komponenta koju dizajnirate može se objaviti u knjižnici vašeg tima i uključiti u bilo koji od projekata. Svaka instanca održava vezu natrag do izvorne glavne komponente (koja postaje vaš jedini izvor istine). Ako napravite promjene, objavljivanjem ažuriranih komponenti u biblioteci vašeg tima daje vam mogućnost da ih ažurirate u bilo kojoj datoteci koja sadrži instancu. To, naravno, znači manje vremena za održavanje komponenti, ali što je još važnije, znatno olakšava stvaranje usklađenosti i dosljednosti kada svi koriste najnovije komponente.

Sve komponente u vašoj Team knjižnici mogu se lako objaviti i ažurirati u bilo kojem projektu koji ih koristi.

Posljednje veliko ažuriranje tvrtke Figma (samo 2 mjeseca prije!) Predstavilo je prvu iteraciju prototipiranja klikova. U sekundi možete započeti povezivanje zaslona kako biste dobili prototip. To je zajedno s pametnim značajkama gdje povezane komponente pamte okvir s kojim ste se povezali i automatski stvaraju te veze za sve instance. Ovo je samo jedan od mnogih "malih velikih detalja" na Figmi koji štede dragocjeno vrijeme.

Stvaranje prototipa za klik jednostavno je kao i prebacivanje u način prototipa i povezivanje predmeta sa zaslonom.

Uz to ažuriranje, oni su također isporučili značajke za primanje programera, omogućujući programerima, čak i bez plaćenog računa, pregled i izvoz imovine. Ako već niste izveli matematiku, Figma ekonomija je vrlo privlačna kada uvrstite u količinu ostalih usluga pretplate koje više ne trebate.

I na ovoj napomeni ću također dodati da cijenim kako Figma razlikuje gledatelje i urednike - pružanje gledateljima mogućnosti komentiranja i pregledavanja datoteka ogromna je prednost i smanjuje puno trenja kada se ne morate brinuti oko dodavanja korisnicima platili svoj tim samo zato da ostave nekoliko komentara. Stalno se baviti odobrenjima licenci i proračuna na svom radnom mjestu bilo bi dovoljno da moja glava eksplodira .

Biblioteke tima i organizacija komponenata

Kad sam počeo migrirati svoj tijek rada sa Sketch-a na Figmu, moram priznati, u početku sam se osjećao pomalo izgubljeno bez mjesta gdje bih mogao staviti svoje komponente ili jednostavan način za pristup njima. Stvarno mi je nedostajala stranica "Simboli". Unesite timske biblioteke. Sada ne možete objaviti komponente bilo kojeg projekta u timskoj knjižnici, već možete lako pristupiti bilo kojoj komponenti u vašoj datoteci s ploče s komponentama. Lijeva bočna traka koja je prethodno bila rezervirana samo za slojeve sada ima tri kartice: jednu za slojeve, jednu za komponente (lokalnu u vašem dokumentu) i jednu za pristup komponentama u vašoj Team biblioteci (Savjet: prečaci na tipkovnici alt + 1, alt + 2, a alt + 3 stvarno su zgodni za brzu navigaciju između kartica).

Komponente (lokalne u vašem dokumentu i iz biblioteke vašeg tima) mogu se povući i ubaciti u vaš dokument sa bočne trake.

Uvođenje na karticama komponenti izgrebalo je svrbež "Stranice simbola" koji sam već spomenuo. Te kartice omogućavaju zaista lak pristup komponentama koje možda još nisu dio biblioteke vašeg tima. To bi mogle biti jednokratne komponente ili one koje su još u fazi dizajna.

Organiziranje komponenti u biblioteci vašeg tima može se ostvariti na više različitih načina. Možete postaviti jedan glavni dokument za smještaj čitavog dizajnerskog sustava ili ga podijeliti u više datoteka. Također možete jednostavno objaviti komponente iz dokumenata na kojima ste napisali svoje glavne komponente bez migriranja komponenata u njihovu datoteku. To izvrsno funkcionira, ali meni je puno lakše održavati dokumente posvećene komponentama ako imate veliki UI sustav. Zbog načina na koji će Figma organizirati komponente u oknu Biblioteke tima, možete ih koristiti pomoću okvira ili skupina da biste ih razvrstali u logičke skupine (na primjer: gumbi, kartice, elementi obrasca, upozorenja itd.). Promjena boje pozadine okvira ili grupa ažurirat će pregled u bočnoj traci. Mogućnosti su naravno neograničene kada je riječ o načinu organiziranja vašeg sustava. William Newton napisao je sjajan članak o tome kako ovdje organizira svoje komponente u Gustu.

Kako koristim Figmu u kreativnom timu

Budući da sam mnoge Figmine priče o uspjehu o kojima sam čitao usredotočene na proizvod, mislio sam da ću podijeliti svoja dosadašnja iskustva o radu s Figmom na kreativnom timu. Tim na kojem radim je mali i jedini sam posvećeni digitalni dizajner. Možete pitati ... kakvu potrebu ima jedan dizajner za alat temeljen na oblaku s bibliotekama za više igrača i komponenti?

Prezentacije i dijeljenje
Počnimo s više igrača. Vidim raspravu o nedostatku potrebe da više dizajnera radi na istoj datoteci. Iako sam već doživio veliki uspjeh kad sam ga koristio za suradnju s drugim dizajnerima za brzo generiranje i otklanjanje ideja, vidim puno koristi za ne-dizajnere. Na primjer, često imamo tjedne ili dvotjedne prijave na projektima kod kojih sam dužan predočiti ažuriranje stanja. Prije bih u ovim ažuriranjima često dijelio svoj zaslon (niska kvaliteta, problemi s skaliranjem, dodatni softver, "molim vas promovirajte me u prezentatora!") Ili moram izvesti još komposta i distribuirati ih kako bi ih suradnici i dionici mogli vidjeti na 100 % veličine. Traženje povratnih informacija bilo je gnjavaža i obično su me uključivali pisanje puno bilješki ili češljanje kroz komentare u PDF datotekama.

Uvodeći svoje suradnike u Figmu, mogu jednostavno podijeliti URL projekta prije poziva. Ne moram pripremiti prezentaciju niti bilo šta izvoziti. Mogu koristiti samo Figmu! Oni koji pozivaju mogu jednostavno kliknuti URL i sada pregledavaju istu datoteku na kojoj sam radio izravno iz alata.

Klikom na moj avatar u gornjem desnom kutu, mogu vidjeti moj zaslon i ja mogu održati svoju prezentaciju. Uz put, svaki korisnik koji se želi vratiti i istražiti nešto detaljnije, može se jednostavno isključiti iz promatranja mene i pregledavati različite okvire bez ometanja prezentacije. Bilo kakva pitanja ili povratne informacije lako je riješiti jer se jednostavno mogu prebaciti na njihov pogled da vidim što gledaju i pratim njihov pokazivač. Ako je potrebno, mogu u dokumentu također izraditi varijacije, izmjene ili prijedloge kako bih svima odmah pružio povratne informacije o. Ako je nešto preveliko da bi se moglo pozabaviti u stvarnom vremenu, često tijekom dizajna ostavljam komentare pomoću alata za komentiranje kako bih ih kasnije mogao uputiti. Sve ove stvari dovode do bržih ponavljanja, manje uzimanja bilješki, manje naprijed-nazad, a u konačnici i do bržih odobrenja.

Predstavljanje, ponavljanje i suradnja uživo iz jednog alata! Promatranje drugih je izvrstan način za prilagođavanje određenim područjima dizajna.

Isto je i kad se dijele radovi za povratne informacije izvan prezentacija uživo. Figma neprestano dodaje podršku za live ugrađivanje (u osnovi iframe koji prikazuje vaš Figma dokument) za mnoge vodeće alate za upravljanje projektima. Ne postoji izvoz kompova na radnu površinu i učitavanje za dijeljenje. Jednostavno stvarate vezu na svoj dokument uživo, uklanjajući zbrku oko toga gleda li netko najnoviju verziju ili ne.

Smjernice
Figmu također koristimo za izradu dokumentacija za specifikacije za različite web entitete. Umjesto stvaranja i održavanja PDF-a koji iziskuje vrijeme, možemo podijeliti Figma url koji uključuje opsežnu verziju web entiteta, s napomenama i smjernicama za dizajn za interne stvaraoce, programere i autore web stranica. Uz put, ako trebamo napraviti izmjene i dopune, jer je Figma URL aktivan, mi jednostavno moramo promijeniti promjene u dizajnu i načinu na koji je spreman.

Smjernice za dosljednost robne marke i najbolje prakse za pisce, stvaratelje sadržaja i web administratore. Veza uživo do Figme znači da svi uvijek pristupaju najnovijim informacijama.

Proces u razvoju
Kako počinjemo zaroniti u golemi projekt internetske stranice, Figma brzo postaje bitan dio našeg procesa. Na Figmi ćemo proizvesti svoje prototipove žičara i niske vjernosti sve do faze vizualnog dizajna. Tijekom ovog postupka počet ćemo uspostavljati komponente i gurati ih u timsku knjižnicu za upotrebu u mnogim datotekama. Dok provjeravamo komponente u različitim scenarijima, a dizajn se razvija, mogućnost izmjene koje su globalne za sve datoteke bit će izuzetno ušteda vremena. Dođite vrijeme za razvoj, dok testiramo dizajniranje komponenti u kodu, sve promjene dizajna uslijed implementacije odvest će nas da još jednom brzo ažuriramo naše komponente kako bi odražavali proizvodno okruženje.

Imati kompletnu biblioteku komponenti koje odražavaju proizvodnju bit će izmjenjivač igara za naše interne procese kada je u pitanju objavljivanje novog web sadržaja. Više nije proces zarobljen u web-timu, gdje je dizajnerski tim uključen samo radi pružanja dizajnerskih preporuka ili pregršt sredstava, naš tim sada može odgovoriti brzim ispisom stranica u različitim veličinama prikaznih polja, koristeći utjecaj unaprijed odobrenih i razvio komponentni sustav iz Team Library. Ulaz i odobrenje sada borave u našem timu (uz primjenu bočnih marki), a administratori web stranica sada imaju ispis savršen za piksele za jednostavnu implementaciju.

Upotreba ovog alata i uspostavljanje interakcije s timom na Figmi stvorili su sjajno iskustvo. Spretnost tima je impresivna kada razmislite koliko brzo dodaju inovativne i stabilne značajke proizvodu, a ne samo slušaju, već zapravo brzo prate implementaciju povratnih informacija korisnika. To potiče razinu pouzdanosti da bilo koje željene značajke koje možda nedostaju vjerojatno nisu tako daleko na cesti, a vjerojatno je razlog zbog kojeg je veza s njihovim bilješkama pronašla mjesto na mojoj traci s oznakama. Moje vrijeme provedeno na Figmi obično je najugodniji i najproduktivniji dio mog dana. Nadam se da je moje uzbuđenje unutar ureda zarazno jer dovodimo još suradnika.

Molimo podijelite svoja iskustva!

Za one koji se nalaze u blizini Waterloa, ON, bit ću zajednički domaćin večeri u Akceleracijskom centru gdje ću 24. listopada predstavljati live demo o Figmi i njezinim mogućnostima. Više informacija ovdje.

Izjava o odricanju odgovornosti: Figma je ovaj članak smatrala korisnim za druge dizajnere, pa ga reklamiraju na Twitteru i Facebooku uz moje dopuštenje.