Figma-komponentit: Uudelleenkäytettävien Suunnittelujärjestelmien Tehokas Rakentaminen

Uudelleenkäytettävät käyttöliittymäelementit, jotka varmistavat yhdenmukaisuuden ja mahdollistavat nopeat päivitykset eri suunnitteluprojekteissa. Komponentteja voidaan luoda tasoista, ryhmistä tai kehyksistä.

Komponentin luominen

Valitse kehys tai elementti, napsauta hiiren oikealla ja valitse Luo komponentti tai käytä pikanäppäintä Ctrl + Alt + K (Windows) tai Cmd + Option + K (Mac).

Pääkomponentit

Pääkomponentit näkyvät violettina Tasot-paneelissa ja ne tunnistaa nelinkertaisesta timanttikuvakkeesta.

Instanssit

Instanssit ovat pääkomponentin kopioita, jotka tunnistaa yksittäisestä timanttikuvakkeesta. Instanssin voi luoda vetämällä Omaisuudet-paneelista, kopioimalla pääkomponentin (Ctrl/Cmd + D) tai liittämällä sen.

Muutokset ja ohitukset

Muutokset pääkomponenttiin päivittävät automaattisesti kaikki sen instanssit. Ohitukset, kuten värin tai tekstin muutokset, vaikuttavat vain kyseiseen instanssiin. Ohitusten palauttamiseksi napsauta instanssia hiiren oikealla ja valitse Palauta kaikki muutokset. Jos haluat siirtää instanssin muutokset pääkomponenttiin, käytä Suunnittelu-paneelissa toimintoa Vie muutokset pääkomponenttiin.

Instanssin irrottaminen

Jos haluat irrottaa instanssin pääkomponentista ja tehdä siitä itsenäisen, napsauta hiiren oikealla ja valitse Irrota instanssi, siirry Suunnittelu-paneeliin ja valitse Irrota instanssi tai käytä pikanäppäintä Ctrl + Alt + B (Windows) tai Cmd + Option + B (Mac).

Poistetun pääkomponentin palauttaminen

Valitse instanssi, siirry Suunnittelu-paneeliin ja napsauta Palauta komponentti.

Komponenttien jakaminen

Komponentit tallennetaan oletuksena paikallisesti. Jakamista varten napsauta pääkomponenttia hiiren oikealla ja valitse Julkaise valitut komponentit tai siirrä komponentti tiimiprojektiin, jotta muut pääsevät siihen käsiksi.