Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Figma-komponentit: Uudelleenkäytettävien Suunnittelujärjestelmien Tehokas Rakentaminen | Visuaalien Luominen Figmassa
UI/UX-Suunnittelu Figmalla

bookFigma-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ä 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ä Vie muutokset pääkomponenttiin Suunnittelu-paneelissa.

Instanssin irrottaminen

Voit irrottaa instanssin pääkomponentistaan ja tehdä siitä itsenäisen napsauttamalla hiiren oikealla ja valitsemalla Irrota instanssi, siirtymällä Suunnittelu-paneeliin ja valitsemalla Irrota instanssi tai käyttämällä 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. Jaa komponentteja napsauttamalla pääkomponenttia hiiren oikealla ja valitsemalla Julkaise valitut komponentit, tai siirtämällä komponentti tiimiprojektiin muiden käyttöön.

1. Minkä värinen pääkomponentti on Tasot-paneelissa?

2. Mikä on instanssin ohituksen tarkoitus?

question mark

Minkä värinen pääkomponentti on Tasot-paneelissa?

Select the correct answer

question mark

Mikä on instanssin ohituksen tarkoitus?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the difference between a master component and an instance?

How do I reset overrides on a component instance?

What happens if I delete a master component by accident?

Awesome!

Completion rate improved to 2.78

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

Pyyhkäise näyttääksesi valikon

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ä 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ä Vie muutokset pääkomponenttiin Suunnittelu-paneelissa.

Instanssin irrottaminen

Voit irrottaa instanssin pääkomponentistaan ja tehdä siitä itsenäisen napsauttamalla hiiren oikealla ja valitsemalla Irrota instanssi, siirtymällä Suunnittelu-paneeliin ja valitsemalla Irrota instanssi tai käyttämällä 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. Jaa komponentteja napsauttamalla pääkomponenttia hiiren oikealla ja valitsemalla Julkaise valitut komponentit, tai siirtämällä komponentti tiimiprojektiin muiden käyttöön.

1. Minkä värinen pääkomponentti on Tasot-paneelissa?

2. Mikä on instanssin ohituksen tarkoitus?

question mark

Minkä värinen pääkomponentti on Tasot-paneelissa?

Select the correct answer

question mark

Mikä on instanssin ohituksen tarkoitus?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6
some-alt