Summary  
This chapter explains how to configure solid and gradient color fills by manipulating color value systems (hex, RGB, HSL, HSB), adjusting color stops’ positions, opacity, and orientation, and selecting gradient types (linear, radial, angular, diamond).  

General domain of usage  
UI/UX design

Figmassa voit käyttää yksivärisiä tai liukuvärisiä täyttöjä muodoissasi ja suunnitelmissasi.
- Siirry Suunnittelupaneeliin ja napsauta Täyttö-kuvaketta;
- Säädä värejä käyttämällä Sävy-spektriä, Sävy-liukusäädintä ja Läpinäkyvyys-liukusäädintä.
### Näet seuraavat väriarvojärjestelmät

- Voit myös käyttää **pipetti**-työkalua poimiaksesi värejä sivultasi tai kehyksestäsi, tai käyttää tallennettuja värejä muista projekteista avattavan valikon kautta;
- Kun valitset **liukuväritäytön** Täyttö-valikosta, liukuväripalkki ilmestyy näkyviin;
- Voit säätää **liukuväripalkkia** muuttamalla väripisteiden sijaintia, lisäämällä uusia pisteitä, kiertämällä liukuväriä, kääntämällä sitä tai säätämällä yksittäisten pisteiden värejä ja niiden läpinäkyvyyttä tarpeen mukaan.

Mikä seuraavista EI ole Figmaan saatavilla oleva väriarvojärjestelmä?

Mitä tapahtuu, kun asetat yhden gradientin pysäytyksen opasiteetiksi 0 %?

Opi kaikki käyttöliittymien suunnittelun perusteista edistyneisiin prototyyppien ja yhteistyötekniikoiden hallintaan. Tutustu siihen, miten luodaan wireframeja, suunnitellaan visuaalisesti vaikuttavia asetteluja ja tehdään tehokasta yhteistyötä kehitystiimien kanssa Figma-työkalun tehokkaiden ominaisuuksien avulla. Täydellinen sekä aloittelijoille että ammattilaisille – tämä oppimispolku yhdistää käytännön projektit, asiantuntijavinkit ja todelliset sovellukset auttaakseen sinua menestymään kilpailullisessa suunnittelumaailmassa.

Opi, mitä Figma on, mikä on sen rooli UI/UX-suunnittelussa sekä kuinka navigoida sen käyttöliittymässä ja työkaluissa. Tutustu FigJam-tauluun ideointia ja yhteistyötä varten sekä Figma-sivuihin ja -kehyksiin, jotka muodostavat perustan suunnitelmien tehokkaalle organisoinnille ja rakenteelle.

Opi, miten kerrokset Figmassa auttavat pitämään suunnittelun järjestyksessä. Tutustu, miten ryhmitellyt muodot tukevat vaikuttavien visuaalien luomista. Perehdy tekstin tyylittelyyn typografiatyökaluilla.

Opi sijoittamaan valokuvia ja videoita, käyttämään maskeja sekä hyödyntämään sekoitustiloja dynaamisten suunnitelmien luomiseksi. Hallitse värit, liukuvärit, painikkeet, automaattiset asettelut, komponentit ja tyylit. Hyödynnä laajennusten ja widgetien mahdollisuudet luovuuden lisäämiseksi ja työnkulun tehostamiseksi.

Tutustu sarakkeisiin, ruudukoihin, liitännäisiin ja vanhempi-lapsi-komponenttirakenteeseen suunnitteluprosessin tehostamiseksi.

Matalaresoluutioisten rautalankamallien kehittäminen, interaktiivisten prototyyppien luominen, suunnittelujen animointi ja työn esittäminen asiakkaille tehokkaasti.

Väri- ja Liukuväritäytöt Figma:ssa: Palettien Hallinta UI/UX-Suunnittelussa

Näet seuraavat väriarvojärjestelmät

1. Mikä seuraavista EI ole Figmaan saatavilla oleva väriarvojärjestelmä?

2. Mitä tapahtuu, kun asetat yhden gradientin pysäytyksen opasiteetiksi 0 %?

Awesome!

Väri- ja Liukuväritäytöt Figma:ssa: Palettien Hallinta UI/UX-Suunnittelussa

Näet seuraavat väriarvojärjestelmät

1. Mikä seuraavista EI ole Figmaan saatavilla oleva väriarvojärjestelmä?

2. Mitä tapahtuu, kun asetat yhden gradientin pysäytyksen opasiteetiksi 0 %?