Muutaman viime vuoden aikana Figman suosio on kasvanut nopeasti, eikä se ole ihme. Ilmainen pilvipohjainen ohjelmisto on helposti saatavilla kaikilla laitteilla, eikä se vaadi erillisiä tai latauksia. Mobiilisovellusrajapintojen suunnittelusta sosiaalisen median postausten tekemiseen Figman avulla voit kokeilla kaikenlaisia graafisen suunnittelun ominaisuuksia ja laajentaa taitojasi.
Jotta suunnitelmasi olisi entistä johdonmukaisempia, kannattaa harkita komponenttien käyttöä työssäsi. Komponentit ovat käyttöliittymäelementtejä, joita voidaan käyttää useissa Figman tiedostoissa. Nämä voivat usein olla vahva lisä suunnitelmiisi ja parantaa niiden yleistä laatua.
Olitpa uusi Figma tai olet käyttänyt sitä jonkin aikaa etkä ole varma, kuinka komponentteja käytetään onnistuneesti, autamme mielellämme.
Tässä artikkelissa tutkimme, miten Figma-komponentteja käytetään ja miten tämä voi auttaa sinua parantamaan työsi.
Jos olet kiinnostunut tietämään lisää, jatka lukemista.
Komponenttien käyttäminen Figmassa
Komponenttien käytön hallinta voi auttaa sinua organisoimaan ja johdonmukaisesti käyttämään Figmaa. Näitä käyttöliittymäelementtejä voidaan käyttää uudelleen ja uudelleen erilaisissa suunnitteluprojekteissa, joita saatat työstää. Komponentti voidaan tehdä kuvakkeesta, painikkeesta ja muusta projektistasi riippuen.
Hienoa komponenttien tuomisessa Figma-kokemukseesi on, että se säästää paljon aikaa. Kaikki yhteen komponenttiin tekemäsi muutokset päivitetään automaattisesti muihin komponentteihin. Tämä voi olla erityisen hyödyllistä, jos sinulla on tiukka aikakehys tai teet yhteistyötä muiden suunnittelijoiden kanssa ja haluat nopeuttaa työnkulkua.
Aloitatessasi huomaat, että käyttämäsi pääkankaan kummallakin puolella on kaksi sivupalkkia. Voit käyttää jommankumman sivupalkin työkaluja muokataksesi projektiasi.
Oikean reunan sivupalkki antaa sinulle pääsyn kaikkiin prototyyppiasetuksiin ja voit säätää tai muokata komponenttien ominaisuuksia. Vasemmalla oleva sivupalkki näyttää kuitenkin projektissasi käytetyt tasot, resurssit ja sivut. Tätä kutsutaan Tasot-paneeliksi.
Komponentit tulee esitellä työhönsä melko varhaisessa vaiheessa. Niiden avulla voit säilyttää suunnitelmiesi johdonmukaisuuden ja nopeuttaa muutosten tekemistä projekteissasi. Komponentissa on kaksi avainelementtiä:
- Pääkomponentti (tai pääkomponentti) (neljänkertainen timanttikuvake)
- Instanssikomponentti (yksi timanttikuvake)
Pääkomponentit
Ennen kaikkea muuta sinun on ensin luotava pääkomponentti. Voit tehdä tämän seuraavasti:
- Napsauta tasoa, ryhmää tai kehystä hiiren kakkospainikkeella.
- Valitse Luo komponentti.
- Näytön vasemmalla puolella näet avattavan valikon, jossa lukee Komponentti. Napsauta tätä.
- Täältä näet valikon, jossa voit tehdä muutoksia komponentteihin ja suunnitella tyylejä uudelleen eri projekteissa.
Toinen tapa luoda pääkomponentti on käyttää pikanäppäimiä:
- Options + Command + K Macille
- Ctrl + Alt + K Windowsille
Tämä menetelmä toimii tietysti vain, jos käytät Figmaa tietokoneessa.
Välittömät komponentit
Instant Component on kopio pääkomponentistasi. Kun pääkomponenttia muokataan jollakin tavalla, ilmentymä päivitetään automaattisesti vastaamaan tehtyjä muutoksia. Jos olet rakentamassa verkkosivustoa, tämä työkalu voi olla erityisen hyödyllinen ja säästää paljon aikaa. Esimerkiksi ne päivät, jolloin kaikki komponentit on käsitelty manuaalisesti toistaaksesi samat muokkaukset, ovat menneet. Sen sijaan Figma muuttaa ne kaikki puolestasi.
Saattaa tulla piste, jossa olet luonut useita ilmentymiä ja haluat palata pääkomponenttiin, jotta voit tehdä nopean muutoksen kaikkiin komponentteihin. Pääset pääkomponenttiin seuraavasti:
- Napsauta hiiren kakkospainikkeella mitä tahansa esiintymää.
- Napsauta Siirry pääkomponenttiin.
- Pääkomponentti tulee näkyviin sivupalkkiin vasemmalla puolella.
Vaikka komponenttien valmistaminen yksi kerrallaan on suhteellisen yksinkertaista; voit nopeuttaa asioita tekemällä niitä irtotavarana. Voit tehdä tämän seuraavasti:
kuinka varmistaa, että kaikkia ytimiä käytetään
- Valitse Tasot-paneelista tasot, joihin haluat luoda komponentteja.
- Napsauta Tasot-paneelin pääkomponenttikuvakkeen vieressä olevaa alaspäin osoittavaa nuolikuvaketta.
- Valitse Luo useita osia käytettävissä olevista vaihtoehdoista.
- Sieltä Figma tekee komponentin jokaiselle kehyskerrokselle.
Muita usein kysyttyjä kysymyksiä
Kuinka ohitan tai irrotan ilmentymän?
Saattaa olla aikoja, jolloin haluat tehdä muutoksia tietyn ilmentymän ominaisuuksiin muuttamatta kaikkia muita. Voit tehdä muunnelmia eri komponenteista. Figmassa tätä kutsutaan ylivoimaiseksi.
Kun ohitat ilmentymän, pääkomponenttiin tehdyt muutokset eivät vaikuta siihen. Voit tehdä tämän tarkistamalla seuraavat vaiheet:
1. Napsauta ilmentymäkomponenttia.
2. Valitse näytön oikealla puolella olevasta Ominaisuudet-paneelista Komponentti.
3. Valitse näkyviin tulevasta avattavasta valikosta Irrota esiintymä.
Jos haluat poistaa ohituksen, valitse komponentti ja valitse sitten näytön yläkeskipalkista Reset Instance.
Mitä teen, jos poistan pääkomponenttini vahingossa?
Kun vietät koko päivän sisällön muokkaamiseen, saatat joskus vahingossa liukastua ja poistaa jotain tärkeää, kuten pääkomponenttisi. Älä pelkää, sillä sen palauttaminen on yhtä helppoa kuin 1-2-3. Noudata näitä perusvaiheita saadaksesi takaisin puuttuvan pääkomponentin:
1. Siirry johonkin komponentin ilmentymistä.
2. Valitse näytön oikealla puolella olevasta Ominaisuudet-paneelista Palauta pääkomponentti.
3. Pääkomponentti tulee näkyviin välittömästi.
Kuinka voin lisätä kuvauksen komponenteilleni?
Kun luot komponenttejasi, kuvauksen ja dokumentaatiolinkin lisääminen jokaiseen voi auttaa sinua navigoimaan projektissasi paremmin. Se on myös kätevä kaikille yhteiskäyttäjille, joiden kanssa saatat työskennellä, päästäkseen lisämuistiinpanoihin. Voit lisätä kuvauksen siirtymällä sivun oikealla puolella olevaan Ominaisuudet-paneeliin ja valitsemalla Lisää kuvaus.
Kun olet tehnyt sen, kaikki ulkopuoliset katsojat voivat käyttää näitä tietoja siirtymällä Tarkastuspaneeliin oikeanpuoleisessa sivupalkissa.
Kuinka tuon komponentteja Figmaan?
Voit tuoda kaikenlaisia tiedostoja Figma-komponenttiin. Helpoin tapa tehdä se on työpöydältä. Noudata vain näitä ohjeita:
1. Avaa Figmassa sivu, jolle haluat tuoda tiedoston.
2. Valitse tiedostoistasi tiedosto, jota haluat käyttää.
3. Vedä ja pudota valittu tiedosto Figma-sivullesi.
4. Kun olet tehnyt tämän, napsauta Valmis.
Menestyksen tie
Figma on loistava työkalu käytettäväksi, olitpa uusi suunnittelussa tai ollut pelissä jo vuosia. Ohjelmisto tarjoaa aloittelijaystävällisen muokkausjärjestelmän, jossa suunnittelijat voivat luoda sisältöä tyhjästä tai käyttää tarvittaessa mallipohjaa.
Komponenttien onnistuneen käytön ymmärtäminen Figmassa voi säästää paljon aikaa suunnitteluprojektissa. Kun opit luomaan laadukkaan komponenttijärjestelmän, voit kehittyä suunnittelijana. Ei vain sitä, vaan se voi myös auttaa sinua ylläpitämään johdonmukaista työnkulkua koko luovan matkasi ajan ja antaa tuleville yhteistyökumppaneille mahdollisuuden löytää työsi helposti.
Oletko kokeillut käyttää Figmaa luovissa projekteissasi? Miten keksit komponenttien käytön? Kerro meille lisää kokemuksistasi alla olevassa kommenttiosassa.
