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 tunnistetaan nelinkertaisesta timanttikuvakkeesta.

Instanssit

Instanssit ovat pääkomponentin kopioita, jotka tunnistetaan yksittäisestä timanttikuvakkeesta. Instanssin voi luoda vetämällä Omaisuus-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ä Vie muutokset pääkomponenttiin Suunnittelu-paneelissa.

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.