10 najboljih značajki Figme koje bi trebali koristiti svi dizajneri

Bez obzira jeste li slobodni grafički dizajner ili interni dizajner UI / UX-a, svladavanje Figme moglo bi vam pomoći da se popnete na ljestvici uspješne karijere.

Imajući to na umu, ovdje su najbolje značajke Figme za koje mislimo da bi ih trebali koristiti svi dizajneri...

Što je Figma?

Figma napredni je alat za grafički dizajn zasnovan na webu koji nudi zajedničku suradnju sljedeće generacije na UI / UX prototipiranju. To je robusna aplikacija koja vam omogućuje stvaranje jedinstvenih UX dizajna koji su jednostavni za upotrebu, a profesionalni.

Dakle, bez obzira jeste li utemeljeni u svom području ili tek započinjete karijeru kao dizajner UI / UX ili grafički dizajner, ovdje su najbolje značajke Figme s kojima se možete suočiti.

1. Varijante za upravljanje komponentama

Varijante je inteligentni modul za upravljanje komponentama, poznat kao biblioteka komponenata Figma. Lako možete razdvojiti duplicirane inačice iste komponente i kombinirati ih kako biste organizirali knjižnicu timskog materijala.

Također možete definirati jedan spremnik za sve slične komponente. Tijekom suradničkog rada, varijante olakšavaju članovima tima lociranje onoga što traže. Isključite nagađanja iz svog dizajnerskog sustava prilagođavanjem vrijednosti i svojstava varijanti komponenata.

2. Označene liste

Također možete uključiti nabrojene i numerirane popise u svoje UI / UX dizajnerske projekte. Popisi vam omogućuju jednostavno organiziranje podataka i naglašavanje srodnih informacija u vektorskim dizajnom. Možete uključiti do pet razina uvlačenja. Također možete izvoditi vizualne izmjene boja pomoću boje teksta, poteza i efekata.

Povezano: Adobe XD: Besplatni alat za dizajn korisničkog sučelja i UX-a koji možete koristiti odmah

3. Povežite više računa Figma

Pristupite svim Figma računima, radnim prostorima i profilima zajednice na jednom zaslonu. Možete ostati prijavljeni na do 10 računa Figma. Možete se brzo prebaciti na bilo koji radni prostor iz gornjeg lijevog kuta zaslona Figma. Za račune kliknite gornji desni kut da biste otvorili prebacivač računa.

4. Kartica Preuređena inspekcija

Prethodni kodni panel Figme sada je kartica Inspect. Ova značajka omogućuje suradnicima, posebno programerima, da dobiju vrijednosti i kodove dizajna onih na kojima radite. Članovi vašeg tima s ove kartice mogu izvući podatke poput boja, inačica, svojstava, sjena, sadržaja, obruba i tipografije.

5. Izbornik za zamjenu instance

Figma je izmijenila Instance Swap Menu 2020. godine tako da uključuje push-style izbornik. Omogućuje dizajnerima surfanje između komponenata bez napora.

Također možete koristiti padajući izbornik za prebacivanje između knjižnica tima. Postoji elegantna minijatura za pregled komponenata.

6. Biblioteka datoteka i dodataka zajednice Figma

Figma ima platformu zajednice obogaćenu resursima na kojoj možete objaviti svoje projekte kako bi ih kolege članovi mogli pregledati ili preraditi. Postoje tisuće kreatora i možete dobiti sljedeće resurse:

• Otvori biblioteku ilustracija slika
• Daljinski dizajn sprinta
• Komplet za dizajn materijala
• Predlošci Figma

Dodaci Figma izvrsne su, a istovremeno stabilni i sigurni. U trenutku pisanja ovog članka dostupno je više od 40 ekskluzivnih dodataka, a popis se povećava. U pretplatama na poduzeće možete distribuirati privatne dodatke unutar tvrtke. Neki korisni dodaci koje možete koristiti su:

• Automatizacija ponavljajućih zadataka unutar Figma okvira
• Dizajnirajte dodatke za otkrivanje pogrešaka
• Dodaci za populaciju podataka

7. Zeplin integracija

Figma podržava domaće Dodatak Zeplin koji omogućuje jednostavno izvođenje Figma dizajna zasnovanog na desnom tipkom miša u radne prostore Zeplina za daljnje mozganje i razvoj. Za razliku od ostalih alata za dizajn, nema poteškoća s razlučivošću ili performansama kada trebate izvesti veće Figma okvire ili dizajne.

Figma i Zeplin također rade zajedno na uvođenju nove značajke ažuriranja komponenti Figma u Zeplin uživo.

8. Ažuriranje projekta u stvarnom vremenu

U procesu dizajniranja UI / UX koji ne uključuje Figmu, cijeli tim mora koristiti više od jednog nezavisnog alata za prenošenje ažuriranja projekata i dizajniranja maketa. Višestruki prijenos datoteka potreban je kako bi se svakom članu tima omogućilo da bude na vrhu trenutnog statusa.

Međutim, ažuriranjem u stvarnom vremenu, aplikacija Figma sama brine o razmjeni prototipa i njegovih ažuriranja unutar članova tima.

Predaja projekta od dizajnera do programera zapravo nije potrebna u Figmi. To je zato što kada koristite Confluence za dijeljenje maketa Figme, sve promjene unutar dizajna automatski se prikazuju kao aktivne aktivnosti na datoteci projekta.

Povezano: Koja je razlika između UI i UX dizajna?

9. Intuitivno i izravno prototipiranje

S Figmom je prototipiranje vrlo jednostavno i bez nereda, jer uključuje prijelaz od okvira do kadra. Figma je sveobuhvatan alat i ne trebate neovisni alat za pregled poput Marvel ili InVision.

Možete bez napora podijeliti prototipove Figme s članovima tima baš kao i dijeljenje datoteka dizajna Figma. Sve što trebate je podijeliti vezu s odgovarajućim dozvolama za uređivanje. Svaki komentar ili povratna informacija ostaje u alatu, a zapise možete pronaći i u Slacku.

Programeri mogu lako pristupiti tijeku izrade projekta, ostaviti komentare dizajneru i dobiti CSS atribute i mjerenja.

Povezano: Jednostavni primjeri CSS koda koje možete naučiti u 10 minuta

10. Podijelite povratne informacije o dizajnu

Pregled dizajnerskog projekta UI / UX jednostavno je timska konferencija kada se koristi Figma. Tijekom brainstorminga i pregleda, cijeli tim može raditi na velikom ekranu kako bi snimao komentare i rješavao probleme u istom Figma okviru dizajna.

Kako Figma podržava najnapredniju tehnologiju za komentiranje u aplikaciji, dijeljenje povratnih informacija je jednostavno. Možete komentirati i prototipove i načine dizajniranja. Bilo koji klijent e-pošte ili Slack može pohraniti komentare i prijedloge.

Figma olakšava projektiranje i izradu prototipova

UI / UX dizajniranje i izrada prototipa zahtijevaju veći skup vještina i fokus na više alata. Ali s Figmom je jednostavno učiti i implementirati dizajnerske vještine na djelu i isporučiti UX koji stvarno poboljšava korisničko iskustvo.

Možete izvesti izradu prototipova, mozganje, pregled i primopredaju korisničkog sučelja, a sve pomoću istog alata. Figma je sada industrijski standard i svakako ga vrijedi provjeriti.

Kako održavati svoje robne marke u skladu s Adobe Sparkom

S programom Adobe Spark profilu robne marke možete dodijeliti boje, fontove i logotipe, što olakšava stvaranje dosljednih dizajna.

Pročitajte Dalje

O autoru