U posljednjih nekoliko godina, Figma je brzo porasla u popularnosti, i nije čudo. Softver koji se besplatno koristi u oblaku lako je dostupan na svim uređajima i ne zahtijeva nikakve rate ili preuzimanja. Od dizajna sučelja mobilnih aplikacija do izrade postova na društvenim mrežama, uz Figmu možete eksperimentirati sa svim vrstama značajki grafičkog dizajna i proširiti svoje vještine.
Za još veću dosljednost u dizajnu, možda biste trebali razmisliti o korištenju komponenti u svom radu. Komponente su elementi korisničkog sučelja (UI) koji se mogu koristiti u više datoteka na Figmi. Oni često mogu biti snažan dodatak vašem dizajnu i poboljšati njihovu ukupnu kvalitetu.
Bilo da ste novi u Figmi ili je koristite već neko vrijeme i niste sigurni kako uspješno koristiti komponente, mi smo tu da vam pomognemo.
U ovom članku ćemo istražiti kako koristiti komponente Figma i kako vam to može pomoći da poboljšate svoj rad.
Ako vas zanima više, nastavite čitati.
Kako koristiti komponente u Figmi
Ovladavanje upotrebom komponenti može vam pomoći s organizacijom i dosljednošću pri radu sa Figmom. Ovi elementi korisničkog sučelja mogu se uvijek iznova koristiti u raznim dizajnerskim projektima na kojima možda radite. Komponenta se može izraditi u ikoni, gumbu i više, ovisno o vašem projektu.
Sjajna stvar kod uvođenja komponenti u vaše Figma iskustvo je to što vam štedi puno vremena. Sve promjene koje možete napraviti na jednoj komponenti automatski se ažuriraju na ostalim. Ovo može biti osobito korisno ako imate kratak vremenski okvir ili surađujete s drugim dizajnerima i želite ubrzati svoj radni tijek.
Na početku ćete primijetiti da postoje dvije bočne trake sa svake strane glavnog platna koje koristite. Možete koristiti alate s bilo koje od ovih bočnih traka za uređivanje vašeg projekta.
Bočna traka s desne strane daje vam pristup svim postavkama prototipa i omogućuje vam da prilagodite ili uredite bilo koja svojstva vaših komponenti. Međutim, bočna traka s lijeve strane predstavlja vam slojeve, sredstva i stranice korištene u vašem projektu. Ovo se naziva ploča slojeva.
Komponente treba uvesti u svoj rad prilično rano. Pomažu vam da održite dosljednost u dizajnu i omogućuju vam da ubrzate brzinu kojom unosite promjene u svoje projekte. Postoje dva ključna elementa komponente:
- Glavna (ili glavna) komponenta (ikona četverostrukog dijamanta)
- Komponenta instance (ikona jednog dijamanta)
Master komponente
Prije svega, prvo morate stvoriti glavnu komponentu. Da biste to učinili, slijedite dolje navedene korake:
- Desnom tipkom miša kliknite svoj sloj, grupu ili okvir.
- Odaberite Stvori komponentu.
- Na lijevoj strani zaslona vidjet ćete padajući izbornik koji kaže Komponenta. Kliknite na ovo.
- Odavde ćete primijetiti izbornik u kojem možete mijenjati svoju komponentu i redizajnirati stilove u projektima.
Drugi način stvaranja glavne komponente je korištenje prečaca:
- Opcije + Command + K za Mac
- Ctrl + Alt + K za Windows
Naravno, ova metoda radi samo ako koristite Figmu na računalu.
Instant komponente
Instant komponenta je kopija vaše glavne komponente. Kada se glavna komponenta uredi na bilo koji način, instanca se automatski ažurira kako bi odgovarala svim napravljenim promjenama. Ako gradite web stranicu, ovaj alat može biti posebno koristan i uštedjeti vam puno vremena. Na primjer, prošli bi dani ručnog ulaska u sve svoje komponente radi ponavljanja istih uređivanja. Umjesto toga, Figma ih sve mijenja umjesto vas.
Može doći do točke u kojoj ste kreirali više instanci i željeli biste se vratiti na svoju glavnu komponentu kako biste mogli brzo promijeniti sve svoje komponente. Za pristup glavnoj komponenti učinite sljedeće:
- Desnom tipkom miša kliknite bilo koju instancu.
- Kliknite na Idi na glavnu komponentu.
- Glavna komponenta pojavit će se na bočnoj traci s lijeve strane.
Dok je izrada komponenti jednu po jednu relativno jednostavna; možete ubrzati stvari tako što ćete ih napraviti na veliko. Da biste to učinili, slijedite ove korake:
kako promijeniti jezik u lol
- Na ploči slojeva odaberite slojeve na kojima želite stvoriti komponente.
- Kliknite na ikonu strelice okrenutu prema dolje koja se nalazi pored ikone glavne komponente unutar ploče slojeva.
- Od dostupnih opcija odaberite Stvori više komponenti.
- Odatle će Figma napraviti komponentu za svaki sloj okvira.
Dodatna često postavljana pitanja
Kako mogu nadjačati ili odvojiti instancu?
Može doći do trenutaka kada želite promijeniti svojstva određene instance bez promjene svih ostalih. Možete napraviti varijacije različitih komponenti. U Figmi se to naziva nadjačavanjem.
Nakon što nadjačate instancu, sve promjene napravljene u glavnoj komponenti neće utjecati na nju. Da biste to učinili, pogledajte dolje navedene korake:
1. Kliknite na svoju komponentu instance.
2. Na ploči Svojstva na desnoj strani zaslona odaberite Komponenta.
3. Na padajućem izborniku koji se pojavi odaberite Odvoji instancu.
Ako želite izbrisati poništavanje, odaberite komponentu, a zatim odaberite Reset Instance na gornjoj srednjoj traci na zaslonu.
Što da radim ako slučajno izbrišem svoju glavnu komponentu?
Kada cijeli dan provedete uređujući sadržaj, ponekad možete slučajno skliznuti i izbrisati nešto važno, poput vaše glavne komponente. Ne bojte se, obnavljanje je jednostavno kao 1-2-3. Samo slijedite ove osnovne korake da vratite glavnu komponentu koja nedostaje:
1. Idite na jednu od instanci komponente.
2. Na ploči Svojstva na desnoj strani zaslona odaberite Vrati glavnu komponentu.
3. Glavna komponenta će se odmah pojaviti.
Kako mogu dodati opis za svoje komponente?
Prilikom izrade komponenti, dodavanje opisa i veze na dokumentaciju svakoj od njih može vam pomoći da se bolje snalazite u projektu. Također je zgodno za sve suradnike s kojima možda radite da imaju pristup dodatnim bilješkama. Da biste dodali opis, idite na ploču Svojstva na desnoj strani stranice i odaberite Dodaj opis.
Nakon što to učinite, svi vanjski gledatelji mogu pristupiti ovim informacijama odlaskom na Inspect Panel na desnoj bočnoj traci.
Kako mogu uvesti komponente u Figmu?
Možete uvesti sve vrste datoteka u komponentu Figma. Najlakši način da to učinite je s radne površine. Jednostavno slijedite ove korake:
1. U Figmi otvorite stranicu na koju želite uvesti datoteku.
2. Iz vaših datoteka odaberite određenu datoteku koju želite koristiti.
3. Povucite i ispustite odabranu datoteku na svoju stranicu Figma.
4. Kada to završite, kliknite Gotovo.
Put do uspjeha
Figma je izvrstan alat za korištenje bilo da ste novi u dizajnu ili ste u igri godinama. Softver nudi sustav za uređivanje prilagođen početnicima gdje dizajneri mogu kreirati sadržaj od nule ili koristiti pomoć predloška ako je potrebno.
Razumijevanje uspješnog korištenja komponenti na Figmi može vam uštedjeti puno vremena pri izvođenju projektnog projekta. Naučivši kako stvoriti visokokvalitetni sustav komponenti, moći ćete rasti kao dizajner. Ne samo to, već vam može pomoći da održite dosljedan tijek rada tijekom vašeg kreativnog puta i omogućite budućim suradnicima da lako pronađu vaš posao.
Jeste li pokušali koristiti Figmu za svoje kreativne projekte? Kako ste pronašli korištenje komponenti? Javite nam više o svom iskustvu u odjeljku za komentare u nastavku.