Nesvarbu, ar esate laisvai samdomas grafikos dizaineris, ar vidinis UI / UX dizaineris, „Figma“ įvaldymas gali padėti jums lipti sėkmingos karjeros laiptais.

Atsižvelgdami į tai, pateikiame geriausias „Figma“ savybes, kurios, mūsų manymu, turėtų būti naudojamos visiems dizaineriams...

Kas yra Figma?

Figma yra pažangus žiniatinklio grafinio dizaino įrankis, siūlantis naujos kartos bendradarbiavimą kuriant UI / UX prototipus. Tai tvirta programa, leidžianti jums sukurti unikalų, bet patogų, tačiau profesionalų „UX“ dizainą.

Taigi, nesvarbu, ar esate įsitvirtinęs savo srityje, ar tik pradedate UI / UX dizainerio ar grafikos dizainerio karjerą, čia pateikiamos geriausios „Figma“ savybės, su kuriomis susidursite.

1. Komponentų valdymo variantai

Variantai yra intelektualus komponentų valdymo modulis, žinomas kaip „Figma“ komponentų biblioteka. Norėdami lengvai sutvarkyti to paties komponento variacijas ir jas sujungti, galite sutvarkyti komandos išteklių biblioteką.

Taip pat galite apibrėžti vieną konteinerį visiems panašiems komponentams. Atliekant bendradarbiavimą, variantai padeda komandos nariams lengviau rasti tai, ko jie ieško. Išskirkite spėjimo iš savo dizaino sistemos, pritaikydami komponentų variantų vertes ir savybes.

instagram viewer

2. Ženklinti sąrašai

Be to, į savo vartotojo sąsajos / UX dizaino projektus galite įtraukti sąrašus su ženkleliais ir numeriais. Sąrašai leidžia lengvai tvarkyti duomenis ir pabrėžti susijusią informaciją vektoriniuose projektuose. Galite įtraukti iki penkių įtraukos lygių. Taip pat galite atlikti vizualias spalvų modifikacijas naudodami teksto spalvą, brūkšnius ir efektus.

Susijęs: „Adobe XD“: nemokamas NS ir UX dizaino įrankis, kurį galite naudoti dabar

3. Prijunkite kelias „Figma“ paskyras

Viename ekrane galite pasiekti visas „Figma“ paskyras, darbo sritis ir bendruomenės profilius. Galite likti prisijungę iki 10 „Figma“ paskyrų. „Figma“ ekrano viršutiniame kairiajame kampe galite greitai pereiti į bet kurią darbo sritį. Norėdami atidaryti sąskaitų perjungiklį, spustelėkite viršutiniame dešiniajame kampe.

4. Atnaujintas tikrinimo skirtukas

Ankstesnis „Figma“ kodo skydelis dabar yra skirtukas „Tikrinti“. Ši funkcija leidžia bendradarbiams, ypač kūrėjams, gauti tų, su kuriais dirbate, dizaino vertes ir kodus. Iš šio skirtuko jūsų komandos nariai gali išskirti tokius duomenis kaip Spalvos, Variantai, Ypatybės, Šešėliai, Turinys, Kraštinės ir Tipografija.

5. Egzempliorių apsikeitimo meniu

„Figma“ atnaujino egzempliorių apsikeitimo meniu 2020 m., Įtraukdama „push“ stiliaus meniu. Tai leidžia dizaineriams be vargo naršyti tarp komponentų.

Taip pat galite naudoti išskleidžiamąjį parinkiklį, norėdami perjungti komandos bibliotekas. Yra aptaki komponentų peržiūros miniatiūra.

6. „Figma“ bendruomenės failų ir įskiepių biblioteka

„Figma“ turi išteklių praturtintą bendruomenės platformą, kurioje galite paskelbti savo projektus, kad kiti nariai galėtų juos išnagrinėti ar iš naujo apdoroti. Kūrėjų yra tūkstančiai ir galite gauti šiuos išteklius:

  • Atvira paveikslų iliustracijų biblioteka
  • Nuotolinis dizaino sprintas
  • Medžiagos dizaino rinkinys
  • Figma šablonai

„Figma“ papildiniai yra labai našūs ir tuo pat metu stabilūs bei saugūs. Rašymo metu yra daugiau nei 40 išskirtinių papildinių, kurių sąrašas vis didėja. Įmonės prenumeratuose galite platinti privačius papildinius įmonėje. Keli naudingi papildiniai, kuriuos galite naudoti:

  • Pasikartojantis užduočių automatizavimas Figma rėmuose
  • Dizaino klaidų aptikimo papildiniai
  • Duomenų populiacijos papildiniai

7. „Zeplin“ integracija

Figma palaiko gimtąjį „Zeplin“ papildinys tai įgalina paprastą dešiniuoju pelės klavišu pagrįstą „Figma“ dizaino eksportavimą į „Zeplin“ darbo erdves tolesniam minčių šturmui ir plėtrai. Skirtingai nuo kitų projektavimo įrankių, kai reikia eksportuoti didesnius „Figma“ rėmus ar dizainus, nėra žagsčių, kurių skiriamoji geba ar našumas būtų didesnis.

„Figma“ ir „Zeplin“ taip pat dirba kartu, kad „Zeplin“ pristatytų naują „Figma“ komponentų tiesioginio atnaujinimo funkciją.

8. Projekto atnaujinimas realiuoju laiku

Be UI / UX projektavimo procesą, kad neapima Figma, visos komandos poreikius naudoti daugiau nei trečdalis šalies nuorodą perteikti projekto atnaujinimus ir dizaino maketą. Norint, kad kiekvienas komandos narys galėtų būti virš dabartinės būsenos, būtina perkelti kelis failus.

Tačiau atnaujindama realiuoju laiku, pati „Figma“ programa rūpinasi prototipo ir jo atnaujinimų mainais komandos nariuose.

„Figmoje“ projekto perdavimas iš dizainerio kūrėjui iš tikrųjų nėra būtinas. Taip yra todėl, kai jūs naudojate santakoje pasidalinti mockups apie Figma, bet per dizaino pakeitimai automatiškai rodomi kaip gyvą veiklą dėl projekto failą.

Susijęs: Koks yra vartotojo sąsajos ir „UX“ dizaino skirtumas?

9. Intuityvus ir nesudėtingas prototipų kūrimas

Naudojant „Figma“, prototipų kūrimas yra labai lengvas ir be netvarkos, nes apima perėjimą iš rėmelio į rėmelį. „Figma“ yra „viskas viename“ įrankis ir jums nereikia trečiosios šalies peržiūros įrankio, pvz., „Marvel“ ar „InVision“.

Galite be vargo dalytis „Figma“ prototipais su komandos nariais, kaip ir „Figma“ dizaino failais. Viskas, ką jums reikia padaryti, tai bendrinti nuorodą su atitinkamais redagavimo leidimais. Visi komentarai ar atsiliepimai lieka įrankyje, o įrašus taip pat galite rasti „Slack“.

Kūrėjai gali lengvai pasiekti projekto projektavimo darbo eigą, palikti dizaineriui komentarus ir gauti CSS atributus ir matavimus.

Susijęs: Paprasti CSS kodo pavyzdžiai, kuriuos galite sužinoti per 10 minučių

10. Dalytis dizaino apžvalgos atsiliepimais

„UI / UX“ dizaino projekto apžvalga yra tiesiog komandos konferencija naudojant „Figma“. Protų kovų ir peržiūros sesijų metu visa komanda gali dirbti dideliame ekrane ir įrašyti komentarus bei išspręsti problemas tame pačiame „Figma“ dizaino rėme.

Kadangi „Figma“ palaiko pažangiausias komentavimo programoje technologijas, grįžtamoji informacija yra sklandi. Galite komentuoti tiek prototipų kūrimo, tiek dizaino režimus. Bet kuris el. Pašto klientas ar „Slack“ gali išsaugoti komentarus ir pasiūlymus.

Figma palengvina projektavimą ir prototipų kūrimą

Kuriant UI / UX ir prototipus reikia daugiau įgūdžių ir sutelkti dėmesį į kelis įrankius. Tačiau naudojant „Figma“ yra nelengva mokytis ir pritaikyti projektavimo įgūdžius ir pristatyti UX, kuris tikrai pagerina klientų patirtį.

Naudodami tą patį įrankį galite atlikti prototipų kūrimą, „protų šturmą“, peržiūrą ir vartotojo sąsajos projektavimą. „Figma“ dabar yra pramonės standartas, kurį tikrai verta patikrinti.

El
Kaip išlaikyti savo prekės ženklo suderinamumą su „Adobe Spark“

Naudodami „Adobe Spark“ prekės ženklo profiliui galite priskirti spalvas, šriftus ir logotipus, kad būtų lengva sukurti nuoseklų dizainą.

Skaitykite toliau

Susijusios temos
  • internetas
  • Kūryba
  • Grafinis dizainas
Apie autorių
Tamalas Dasas (Paskelbta 1 straipsnis)Daugiau iš Tamal Das

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kuriame rasite techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!

Dar vienas žingsnis…!

Prašome patvirtinti savo el. Pašto adresą el. Laiške, kurį jums ką tik išsiuntėme.

.