10 parimat Figma funktsiooni, mida kõik disainerid peaksid kasutama

Olenemata sellest, kas olete vabakutseline graafiline disainer või ettevõttesisene kasutajaliidese / kasutajaliidese disainer, võib Figma valdamine aidata teil eduka karjääri redelil ronida.

Seda silmas pidades on siin Figma parimad funktsioonid, mida meie arvates peaksid kõik disainerid kasutama...

Mis on Figma?

Figma on täiustatud veebipõhine graafilise disaini tööriist, mis pakub järgmise põlvkonna koostööd UI / UX prototüüpide loomisel. See on jõuline rakendus, mis võimaldab teil luua ainulaadseid kasutajasõbralikke, kuid samas professionaalseid UX-kujundusi.

Nii et olenemata sellest, kas olete oma valdkonnas sisse seadnud või alustate lihtsalt kasutajaliidese / kasutajaliidese disaineri või graafilise disaineri karjääri, on siin Figma parimad funktsioonid, millega tegeleda.

1. Komponentide haldamise variandid

Variandid on intelligentne komponentide haldamise moodul ja tuntud kui Figma komponentide teek. Saate hõlpsalt sama komponendi variatsioonid lahti segada ja meeskonna vara kogu korraldamiseks neid kombineerida.

Kõigi sarnaste komponentide jaoks saate määratleda ka ühe konteineri. Koostöö käigus muudavad Variandid meeskonna liikmetel otsitava leidmise lihtsamaks. Jätke arvamus oma disainisüsteemist välja, kohandades komponentvariantide väärtusi ja omadusi.

2. Täpploendid

UI / UX kujundusprojektidesse saate lisada ka täppidega ja nummerdatud loendeid. Loendid võimaldavad teil andmeid hõlpsalt korrastada ja seonduvat teavet vektorkujundustes rõhutada. Võite lisada kuni viis taande taset. Samuti saate visuaalselt muuta värve teksti värvi, joonte ja efektide abil.

Seotud: Adobe XD: tasuta kasutajaliidese ja kasutajaliidese kujundamise tööriist, mida saate praegu kasutada

3. Ühendage mitu Figma kontot

Ühel ekraanil pääsete juurde kõigile Figma kontodele, tööruumidele ja kogukonna profiilidele. Võite jääda sisselogituks kuni 10 Figma kontole. Figma ekraani vasakus ülanurgas saate kiiresti vahetada mis tahes tööruumi. Kontode jaoks klõpsake konto vahetaja avamiseks paremas ülanurgas.

4. Uuendatud ülevaatuse vahekaart

Figma eelmine koodipaneel on nüüd vahekaart Inspect. See funktsioon võimaldab koostööpartneritel, eriti arendajatel, hankida nende inimeste kujunduste väärtused ja koodid, kellega te töötate. Teie meeskonnaliikmed saavad sellelt vahekaardilt eraldada selliseid andmeid nagu Värvid, Variandid, Atribuudid, Varjud, Sisu, Äärised ja Tüpograafia.

5. Eksemplari vahetamise menüü

Figma uuendas eksemplaride vahetamise menüüd 2020. aastal, lisades sellele push-stiilis menüü. See võimaldab disaineritel hõlpsalt komponentide vahel surfata.

Meeskonnaraamatukogude vahel vahetamiseks võite kasutada ka rippmenüüvalijat. Komponendi eelvaate jaoks on klanitud pisipilt.

6. Figma kogukonna failide ja pistikprogrammide kogu

Figmal on ressurssidega rikastatud kogukonnaplatvorm, kus saate oma projekte avaldada, et kaasliikmed saaksid neid uurida või ümber töötada. Sisuloojaid on tuhandeid ja võite hankida järgmised ressursid:

• Avatud kujundite illustratsioonide raamatukogu
• Kaugkujundus sprintimine
• Materjali kujunduskomplekt
• Figma mallid

Figma pistikprogrammid on väga toimivad ning samal ajal stabiilsed ja turvalised. Kirjutamise ajal on saadaval rohkem kui 40 eksklusiivset pistikprogrammi ja loetelu suureneb. Ettevõtte tellimustes saate privaatset pistikprogrammi ettevõttes levitada. Mõned kasulikud pistikprogrammid, mida saate kasutada, on:

• Korduv ülesannete automatiseerimine Figma raamides
• Kujundage vigade tuvastamise pistikprogrammid
• Andmepopulatsiooni pistikprogrammid

7. Zeplini integratsioon

Figma toetab põliselanikku Zeplini pistikprogramm see võimaldab Figma kujunduste lihtsat parempoolse klõpsuga eksportimist Zeplini tööruumidesse edasiseks ajurünnakuks ja arendamiseks. Erinevalt teistest kujundustööriistadest pole suuremate Figma raamide või kujunduste eksportimiseks eraldusvõime ega jõudlusega luksumist.

Figma ja Zeplin teevad ka koostööd, et Zeplinile tutvustada Figma komponentide uut reaalajas värskendamise funktsiooni.

8. Projekti värskendamine reaalajas

Kasutajaliidese / UX-i kujundusprotsessis, mis ei hõlma Figmat, peab kogu meeskond projekti värskenduste edastamiseks ja makettide loomiseks kasutama rohkem kui ühte kolmanda osapoole tööriista. Mitu failiedastust on vajalik, et võimaldada igal meeskonnaliikmel olla praeguse oleku kohal.

Reaalajas värskendamise kaudu hoolitseb Figma rakendus ise aga prototüübi ja selle värskenduste vahetamise eest meeskonnaliikmetes.

Projma üleandmine projekteerijalt arendajale pole Figmas tegelikult vajalik. Seda seetõttu, et kui kasutate Figma makettide jagamiseks Confluence'i, kuvatakse kõik muudatused kujunduses automaatselt projektifailis reaalajas aktiivsena.

Seotud: Mis on kasutajaliidese ja UX-i disaini erinevus?

9. Intuitiivne ja sirgjooneline prototüüpimine

Figma abil on prototüüpimine ülilihtne ja segaduseta, kuna see sisaldab kaaderilt kaadrile üleminekut. Figma on kõik-ühes tööriist ja te ei vaja kolmanda osapoole ülevaatustööriista nagu Marvel või InVision.

Figma prototüüpe saate meeskonnaliikmetega jagada lihtsalt nagu Figma kujundusfailide jagamine. Kõik, mida peate tegema, on jagada linki asjakohaste redigeerimisõigustega. Kõik kommentaarid ja tagasiside jäävad tööriista sisse ning kirjeid leiate ka Slackist.

Arendajad saavad hõlpsasti juurde pääseda projekti kujundamise töövoole, jätta disainerile kommentaare ning hankida CSS-i atribuute ja mõõtmisi.

Seotud: Lihtsad CSS-koodinäited, mida saate õppida 10 minutiga

10. Jagage kujunduse ülevaate tagasisidet

UI / UX disainiprojekti ülevaade on Figma kasutamisel lihtsalt meeskonnakonverents. Ajurünnakute ja ülevaatamissessioonide ajal saab kogu meeskond töötada suurel ekraanil kommentaaride salvestamiseks ja probleemide lahendamiseks sama Figma disainiraami sees.

Kuna Figma toetab kõige arenenumat rakendusesisest kommenteerimistehnoloogiat, on tagasiside jagamine sujuv. Saate kommenteerida nii prototüüpimist kui ka kujundusrežiime. Iga e-posti klient või Slack saab kommentaare ja ettepanekuid salvestada.

Figma muudab disainimise ja prototüüpide loomise lihtsaks

UI / UX-i kujundamine ja prototüüpimine nõuab suuremat oskuste kogumit ja keskendub mitmele tööriistale. Kuid Figma abil on sujuv õppida disainioskusi ja neid rakendada ning pakkuda UX-i, mis tõepoolest parandab kliendikogemust.

Prototüüpide loomist, ajurünnakuid, ülevaatamist ja kasutajaliidese kujunduse üleandmist saate teha kõik sama tööriista abil. Figma on nüüd tööstusharu standard ja sellega tasub kindlasti tutvuda.

Kuidas hoida oma kaubamärki Adobe Sparkiga kooskõlas

Adobe Sparki abil saate brändiprofiilile määrata värve, fonte ja logosid, mis muudab ühtsete kujunduste loomise lihtsaks.

Loe edasi

Autori kohta