Vingeid asju Figmas

See on olnud tõesti väga pikk aeg, kui mäletan, et olin disaini tööriistade seisust nii vaimustuses. Pärast Adobe'i üleviimist loovpilvele näis olevat suhteliselt [praeguseks] stagneerunud ajakava, kus üha laieneva vaateakna suuruse ja pikslitiheduse probleemiga tegelemine muutus järjest pettumust valmistavamaks. Õnneks on väikseid ja nutikamaid tarkvaraettevõtteid, kes ehitavad fantastilisi tooteid, mis pakuvad UI / UX žanris tööriistade kujundamiseks täiesti uusi lähenemisviise ja töövooge.

Sketch on saanud teenitult tähelepanuväärse kasutajabaasi ja kuigi Adobe on üritanud XD-ga vastata (kas on liiga vara öelda, et mulle ei avaldatud muljet?), On mind Figma potentsiaal kõige rohkem põnevil.

Kui olete Figma uustulnuk, tunneb see end Sketchi kasutamise ajal väga tuttavalt. Akna konfiguratsioon on peaaegu identne: tööriistad ülaservas, vasakul kihid, paremal inspektor ja lõuend keskel - kasutajaliides on siiski erinev: tasane (oma stiilis) ja minimaalne võrreldes visandis oleva OSX GUI-ga. Graafilisi tabeleid nimetatakse raamideks ja sümboleid nimetatakse joonisel komponentideks. Komponentide redigeerimine toimub tekstisiseselt (mitte eraldi lehel, nagu see on Sketchis) ning lisaks teksti muutmisele saab ka täitmis- ja löömisvärve ning muid atribuute alistada. Üks Figma kõige muljetavaldavamaid ja unikaalsemaid funktsioone on selle mitme mängijaga režiim, mis võimaldab kasutajatel reaalajas koostööd teha - näete kaastöötaja kursoreid, kes töötavad samal lõuendil ja interakteeruvad kujundusega. Kuna see on brauseripõhine (ärge laske sellel end hirmutada - see on kiire ja reageeriv), saavad seda kasutada kõik brauseriga kasutajad, sõltumata operatsioonisüsteemist. See tähendab, et pole vaja omandis olevat tarkvara, mis on arendajatele veelgi hõlpsamini kättesaadav.

Kuigi mitme mängija režiim ei pruugi igaühe tänapäevasesse töövoogu sobida, kahtlen, et see muutub. Olen juba leidnud, et on väga kasulik teha kolleegidega eemalt koostööd isegi virtuaalse tahvlina, et projekti algusjärgus jämedaid kaadreid ja vooge välja pesta. Kui näete, kuidas teie kaastöötaja kursor ehitab teie enda kujunduse, inspireerib see enesekindlust - see välistab ebakindluse tunde, mida saate sageli pilverakenduste kasutamisel tekkiva versioonikontrolli ja ülekirjutamise osas.

Juhuslik kõrvalejätmine: Pärast aastatepikkust Illustratori kasutamist armastan ma väga seda, et saan silmalaugude tööriistale pääsemiseks lihtsalt vajutada „I“!

Kuigi Figmast (praegusel hetkel) puuduvad mõned funktsioonid, mis Sketchil olemas on (eriti stiilimääratluste ümber ja ligipääsetavale API-le plugina arendamiseks), on palju tõeliselt nutikaid funktsioone, millest ma vaimustun. Nende kiire vabastamise ajakava jätab mind veendumaks, et paljud puuduvad funktsioonid ja funktsioonid, mida kasutajad soovitavad, pole liiga kaugel teel. Selle postituse eesmärk pole uurida palju Figma tunnusjooni, mis on dokumenteeritud mujal (siin, siin, siin ja siin); selle asemel soovisin esile tõsta mõnda oma lemmikut “väikest suurt detaili”, mille puhul kiidan Figma meeskonda selle rakendamise eest. Need üksikasjad muudavad kumulatiivselt tohutu vahe.

Esiplaanil olevate objektide valimine

Kui teil on taustobjekti peale virnastatud mitmesuguseid objekte (näiteks kaardi kasutajaliides või taust), saate ülalolevaid objekte hõlpsalt valida, ilma et peaksite neid ükshaaval nihutama + eraldi klõpsama või taustakihti lukustama. valikturg. See toimib isegi komponentide või rühmade objektide valimisel. Hoidke lihtsalt CMD-d all ja lohistage valikumärk objektide ümber, mida soovite valida. Enne kui lohistate, hiirega CMD vajutades, libistage hiir sisaldava objekti kohal - see tõstab selle kontuuriga esile - kui klõpsate ja valimiseks lohistate, ignoreerib see objekt seda ja lubab teil valida esiplaanil olevad objektid. Nutikad!

Tekstikasti suurus ja joondamine

Figma võimaldab teil lisaks teksti vertikaalsele joondusele seada nii tekstiväljade laiuse kui ka kõrguse. See on tõesti põhifunktsioon, kuid visandist see puudub. Võtke ülaltoodud kasutusjuhtum. Visandis peaksin ma looma kas kaks sümbolit: ühe ühe rea nupu siltide jaoks ja teise kahe rea konfiguratsiooni jaoks - või - ma peaksin looma kolm sümbolit; kaks, et paigutada iga tekstikasti konfiguratsioon ja vahetada need ümber kui kolmas peasümbol. Võimalik lahendus on tülikas ja selle tulemuseks on täiendavad sümbolid. Lisatud vaev vahetada välja alistab, kui avastan, et konkreetne tekstistring on liiga pikk. Joonisel Figma oskan selle saavutada ühe sümboliga. Kui tekstistring on ühe rea jaoks liiga pikk, mähitakse see kaheks reaks ja see püsib fikseeritud kõrgusega tekstikasti keskel vertikaalselt.

Igasse kaadrisse saab lisada mitu võre. Võred saab seada nii, et need kinnitatakse keskele või vasakule või venivad. Iga võre saab värvida iseseisvalt.

Võred

Sketši ruudustiku sätted töötavad ... kuid selles on midagi, mis pole minu jaoks kunagi õige olnud. Võrgu loomine on Figmas palju lihtsam ja mitmekülgsem. Saate raamile lisada nii palju ruute, kui soovite, ja võite isegi lisada ruume võredesse oma komponentide sees. Iga ruudustiku saate identifitseerimiseks stiilida eraldi. Näiteks võiks teil olla 3 ja 6 veeru ruudustik ja värvida need üheselt. Figmal on ka seade, mis venitab võre ja skaleerib selle teie raami mõõtmete järgi. Fikseeritud ja vedelate (venitatavate) võrede määramise võimalus on tõesti mugav, kui luuakse süsteem, mis töötaks erinevates vaatepordi suurustes. Ridade lisamine ruudustikku töötab täpselt samamoodi, kuid seda juhitakse veergudest sõltumatult täiendava ruudustikukihina. Iga ruudustikku saab sõltumatult kontrollida ja inspektorilt sisse lülitada. CTRL + G lülitab ruudustiku kiiresti ümber kõigi kaadrite.

Joondage võrku

Figmas komponentide loomisel saate oma komponendi objektid raami ruudule kinnitada. Joondamine säilib komponendi või raami mõõtkava suurendamisel. Need üksikasjad muudavad teie kujunduse kohandamise erineva suurusega vaateavadeks palju lihtsamaks ja kiiremaks!

Klipi sisu

Figmal on käepärane ja naeruväärselt lihtne funktsioon, mis võimaldab teil valida, kas teie kunstiteos on teie raami lõigatud või mitte. Alguses ei mõelnud ma sellele funktsioonile kuigi palju, kuni pidin visandil joonistahvlite vahel mõned voolud kaardistama. Kui soovite teha midagi lihtsat, näiteks joonistada nooli, mis ühendavad nuppe ühel artboardil teise raami, kärbitakse nooled teie artboardil. Võimalikeks ümbersuunamisteks on hoida nooled väljaspool tahvlit või sisaldada kõiki tahvleid mõnes muus artboardis. Joonisel Figma peate lihtsalt ruudu tühjendama - see on veelgi kasulikum, kui töötate pika keritava sisuga ekraanidega, kuna saate eelvaates näha, mida võite vaateaknas näha, kuid pääsete hõlpsalt juurde kaadrist välja jääva sisu redigeerimiseks.

Piirangud

Ma ei kavatsenud kitsenduste osas eriti üksikasjalikult uurida, kuna see on üsna hästi dokumenteeritud funktsioon, kuid Figmast oleks raske kirjutada, mainimata neile, kes pole neile tuttavad. Võrreldes eskiisiga (mis annab teile 4 erinevat kitsendusrežiimi) annab Figma teile 5 erinevat režiimi ja võimaldab teil neid iseseisvalt vertikaalseks või horisontaalseks atribuudiks määrata. Piirangute juhtimiseks kasutatav kasutajaliides on üllatavalt lihtne. Seda saab juhtida rippmenüü valikute abil või tuvastades piirangukohad väikesel juuste ristvisuaalil. Kui diagrammil pole algul mõtet, siis hakatakse seda kohe rippmenüüdest tegema. Mulle meeldib, et nad ei üritanud siin rippmenüüs segi ajada ikoone, tekstivalikud on palju kirjeldavamad. Figma võimaldab teil määratleda piirangud komponentide sees ja komponendis tervikuna seoses teie kaadriga, et need reageeriksid kaadri suuruse muutustele.

Mõned asjad, mida tahaksin Figmas näha

Komponentidevahelised piirangud
Võimalus määratleda piiranguid või seoseid kahe või enama komponendi vahel. Kui objekt või tekstikast saab pikemaks, saab selle abil külgnevat objekti ümber paigutada / nihutada või seda sisaldava objekti isegi laiendada.

Aktiivsed andmed
Võimalus lisada reaalajas andmeid või kohandatud andmekogumeid, sealhulgas pilte kujundusse (nagu näeme käsitööst Invision).

Võre laius
Võimalus määratleda võred ka nende kogulaiuse järgi ja lasta veergude laiused automaatselt välja arvutada.

Tüübi juhtnupud
Muud tüübi juhtimise võimalused, näiteks juurdepääs OpenType'i funktsioonidele, järjestatud ja nummerdatud loenditele, rippumisele kirjavahemärkidele, juurdepääs glüpti paletile ja universaalse tüübi stiilide määratlemise võimalus.

Lehed
Lehed on funktsioon, mis mulle väga meeldib ja mis on minu käsutuses Sketch olnud kasulik ekraanide eraldamiseks, korraldamiseks ja rühmitamiseks.

Figma ei ole veel teatanud nende pikaajalisest hinnamudelist (see on praegu tasuta) või kui on kavas töötada võrguühenduseta režiimis või kasutada muid meetodeid pilve talletamiseks liiga tundlike projektide käsitlemiseks - kuid otsin entusiastlikult edasi, et näha, mis järgmisena tuleb. Samuti peaksin märkima, et kuigi mulle on meeldinud paljud neist funktsioonidest, kasutan Sketchi ka igapäevaselt ja naudin seda ka põhjalikult. Sketchiga on fantastiline pistikprogrammide arendamise kogukond ja kasulikud lisandmoodulid, näiteks Craft. Ma ei ole veel pistikprogrammide arendamisest ega Figma jaoks juurdepääsetavast API-st veel midagi lugenud, kuid olen lugenud, et meeskond uurib võimalusi, kuidas kasutajad saaksid reaalseid andmeid kavandisse tuua. Mulle meeldib, et pistikprogrammide arendajate kogukond laiendab heldelt Sketchi funktsionaalsust heldelt, kuid mõtlen, kas see esitab väljakutseid, kui Sketchi uued versioonid välja antakse. Kas avatud lähtekoodiga pistikprogramm, millele olete tulnud lootma, töötab endiselt pärast igat värskendust sama? Kas ühilduvuse säilitamine või konfliktide / vigade testimine on keeruline? Olen tõeliselt uudishimulik. Igal juhul ei saa ma oodata, millal edasi saab!

Jagage Figma all oma lemmikfunktsioone / detaile!