Glavni Figma Kako uporabljati komponente v Figmi

Kako uporabljati komponente v Figmi



V zadnjih nekaj letih je Figma hitro rasla v priljubljenosti in to ni čudno. Brezplačna programska oprema v oblaku je zlahka dostopna na vseh napravah in ne zahteva nobenih obrokov ali prenosov. Od oblikovanja vmesnikov mobilnih aplikacij do izdelave objav v družbenih medijih, s Figmo lahko eksperimentirate z vsemi vrstami funkcij grafičnega oblikovanja in razširite svoje veščine.

Kako uporabljati komponente v Figmi

Za še večjo doslednost v vaših načrtih boste morda želeli razmisliti o uporabi komponent pri svojem delu. Komponente so elementi uporabniškega vmesnika (UI), ki se lahko uporabljajo v več datotekah na Figmi. Ti so pogosto lahko močan dodatek k vašim dizajnom in izboljšajo njihovo splošno kakovost.

Ne glede na to, ali ste novi v Figmi ali jo uporabljate že nekaj časa in niste prepričani, kako uspešno uporabljati komponente, smo tukaj, da vam pomagamo.

V tem članku bomo raziskali, kako uporabljati komponente Figma in kako vam to lahko pomaga izboljšati svoje delo.

Če vas zanima več, nadaljujte z branjem.

Kako uporabljati komponente v Figmi

Obvladovanje uporabe komponent vam lahko pomaga pri organizaciji in doslednosti pri upravljanju Figme. Te elemente uporabniškega vmesnika lahko znova in znova uporabljate v različnih oblikovalskih projektih, na katerih morda delate. Komponento je mogoče izdelati v ikoni, gumbu in več, odvisno od vašega projekta.

Odlična stvar pri uvajanju komponent v vašo izkušnjo Figma je, da vam prihrani veliko časa. Vse spremembe, ki jih lahko naredite v eni komponenti, se samodejno posodobijo na drugih. To je lahko še posebej koristno, če imate tesen časovni okvir ali sodelujete z drugimi oblikovalci in želite pospešiti potek dela.

Ko začnete, boste opazili, da sta na vsaki strani glavnega platna, ki ga uporabljate, dve stranski vrstici. Za urejanje projekta lahko uporabite orodja iz katere koli od teh stranskih vrstic.

Stranska vrstica na desni strani vam omogoča dostop do vseh nastavitev prototipa in vam omogoča prilagajanje ali urejanje vseh lastnosti vaših komponent. Vendar pa vam stranska vrstica na levi predstavlja plasti, sredstva in strani, uporabljene v vašem projektu. To se imenuje plošča plasti.

Komponente je treba v svoje delo uvesti precej zgodaj. Pomagajo vam ohraniti doslednost v svojih načrtih in vam omogočajo, da pospešite hitrost, s katero izvajate spremembe v svojih projektih. Obstajata dva ključna elementa komponente:

  • Glavna (ali glavna) komponenta (ikona štirikratnega diamanta)
  • Komponenta primerka (ikona enega samega diamanta)

Master komponente

Pred karkoli drugega morate najprej ustvariti glavno komponento. Če želite to narediti, sledite spodnjim korakom:

  1. Z desno tipko miške kliknite svoj sloj, skupino ali okvir.
  2. Izberite Ustvari komponento.
  3. Na levi strani zaslona boste videli spustni meni z napisom Komponenta. Kliknite na to.
  4. Od tu boste opazili meni, kjer lahko spreminjate svojo komponento in preoblikujete sloge v projektih.

Drug način ustvarjanja glavne komponente je uporaba bližnjic:

  • Možnosti + Command + K za Mac
  • Ctrl + Alt + K za Windows

Seveda ta metoda deluje le, če uporabljate Figmo na osebnem računalniku.

Takojšnje komponente

Instant Component je kopija vaše glavne komponente. Ko je glavna komponenta kakor koli urejena, se primerek samodejno posodobi tako, da ustreza vsem izvedenim spremembam. Če gradite spletno mesto, je to orodje lahko še posebej uporabno in vam prihrani veliko časa. Na primer, minili bi dnevi, ko ste ročno vnašali vse vaše komponente za ponavljanje istih popravkov. Namesto tega jih Figma vse spremeni namesto vas.

Morda pride do točke, ko ste ustvarili več primerkov in bi se želeli vrniti na svojo glavno komponento, da boste lahko hitro spremenili vse svoje komponente. Za dostop do glavne komponente naredite naslednje:

  1. Z desno tipko miške kliknite kateri koli primerek.
  2. Kliknite na Pojdi na glavno komponento.
  3. Glavna komponenta se bo pojavila v stranski vrstici na levi strani.

Medtem ko je izdelava komponent enega za drugim razmeroma preprosta; stvari lahko pospešite tako, da jih naredite v razsutem stanju. Če želite to narediti, sledite tem korakom:

kako ugotoviti, ali vas kdo zalezuje na instagramu
  1. Na plošči plasti izberite plasti, kjer želite ustvariti komponente.
  2. Kliknite ikono puščice navzdol, ki se nahaja poleg ikone glavne komponente na plošči plasti.
  3. Med razpoložljivimi možnostmi izberite Ustvari več komponent.
  4. Od tam bo Figma izdelala komponento za vsako plast okvirja.

Dodatna pogosta vprašanja

Kako preglasim ali ločim primerek?

Včasih želite spremeniti lastnosti določenega primerka, ne da bi spremenili vse druge. Izdelate lahko različice različnih komponent. V Figmi se to imenuje preglasitev.

Ko preglasite primerek, kakršne koli spremembe v glavni komponenti ne bodo vplivale nanj. Če želite to narediti, si oglejte spodnje korake:

1. Kliknite svojo komponento primerka.

2. Na plošči Lastnosti na desni strani zaslona izberite Komponenta.

3. V spustnem meniju, ki se prikaže, izberite Detach Instance.

Če želite počistiti preglasitev, izberite komponento in nato v zgornji srednji vrstici na zaslonu izberite Ponastavi primerek.

Kaj naj storim, če pomotoma izbrišem svojo glavno komponento?

Ko ves dan urejate vsebino, lahko včasih po nesreči zdrsnete in izbrišete nekaj pomembnega, kot je glavna komponenta. Ne bojte se, obnovitev je tako enostavna kot 1-2-3. Samo sledite tem osnovnim korakom, da vrnete manjkajočo glavno komponento:

1. Pojdite na enega od primerkov komponente.

2. Na plošči Lastnosti na desni strani zaslona izberite Obnovi glavno komponento.

3. Glavna komponenta se bo takoj prikazala.

Kako dodam opis za svoje komponente?

Ko ustvarjate svoje komponente, vam lahko dodajanje opisa in povezave na dokumentacijo vsaki pomaga pri boljši navigaciji po projektu. Prav tako je priročno za vse sodelavce, s katerimi morda sodelujete, da imajo dostop do dodatnih zapiskov. Če želite dodati opis, pojdite na ploščo Lastnosti na desni strani strani in izberite Dodaj opis.

Ko to storite, lahko vsi zunanji gledalci dostopajo do teh informacij tako, da odprejo inšpekcijsko ploščo v desni stranski vrstici.

Kako uvozim komponente v Figmo?

V komponento Figma lahko uvozite vse vrste datotek. Najlažji način za to je z namizja. Preprosto sledite tem korakom:

1. V Figmi odprite stran, kamor želite uvoziti datoteko.

2. Med datotekami izberite določeno datoteko, ki jo želite uporabiti.

3. Povlecite in spustite izbrano datoteko na svojo stran Figma.

4. Ko končate s tem, kliknite Končano.

Pot do uspeha

Figma je odlično orodje za uporabo, ne glede na to, ali ste novi pri oblikovanju ali ste v igri že leta. Programska oprema ponuja začetnikom prijazen sistem za urejanje, kjer lahko oblikovalci ustvarijo vsebino iz nič ali po potrebi uporabijo pomoč predloge.

Razumevanje, kako uspešno uporabljati komponente na Figmi, vam lahko prihrani veliko časa pri izvajanju oblikovalskega projekta. Če se naučite ustvariti visokokakovosten sistem komponent, boste lahko rasli kot oblikovalec. Ne samo to, lahko vam tudi pomaga vzdrževati dosleden potek dela na vaši ustvarjalni poti in omogočiti morebitnim bodočim sodelavcem, da zlahka najdejo vaše delo.

Ste poskusili uporabiti Figmo za svoje ustvarjalne projekte? Kako ste ugotovili uporabo komponent? Sporočite nam več o svoji izkušnji v spodnjem razdelku za komentarje.

Zanimivi Članki