Summary  
This chapter explains how to define and apply solid and gradient color properties to shapes, including selecting color values using various models, configuring color-stop positions and orientations, and adjusting opacity.

General domain of usage  
UI/UX design

Figmassa voit käyttää yksivärisiä tai liukuvärisiä täyttöjä muodoissasi ja suunnitelmissasi.
- Siirry Design-paneeliin ja napsauta Täyttö-kuvaketta;
- Säädä värejä käyttämällä sävy-spektriä, sävysäädintä ja läpinäkyvyyssäädintä.
### Väriarvojärjestelmät, joita näet ovat

Type specific hexadecimal codes for colors

Define colors using Red, Green, and Blue channels

- 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 **Gradient Fill** -vaihtoehdon Täyttö-valikosta, liukuväripalkki ilmestyy näkyviin;
- Voit säätää **liukuväripalkkia** muuttamalla väripysäytysten sijaintia, lisäämällä uusia pysäytyksiä, kiertämällä liukuväriä, kääntämällä sitä tai säätämällä yksittäisten pysäytysten värejä ja niiden läpinäkyvyyttä tarpeen mukaan.

Breaks colors into segments for a unique effect

Mikä seuraavista EI ole Figma:ssa käytettävissä oleva väriarvojärjestelmä?

Mitä tapahtuu, kun asetat yhden gradientin pysäkin läpinäkyvyydeksi 0 %?

Opi kaikki käyttäjäliittymien suunnittelun perusteista edistyneisiin prototyyppien ja yhteistyötekniikoihin. Tutustu siihen, miten luodaan wireframeja, suunnitellaan visuaalisesti vaikuttavia asetteluja ja työskennellään tehokkaasti kehitystiimien kanssa hyödyntäen Figma:n tehokkaita ominaisuuksia. Täydellinen sekä aloittelijoille että ammattilaisille, tämä oppimispolku yhdistää käytännön projektit, asiantuntijavinkit ja tosielämän sovellukset auttaakseen sinua menestymään kilpailullisessa suunnittelumaailmassa.

Opi, mitä Figma on, mikä on sen rooli UI/UX-suunnittelussa ja 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 jäsentelylle.

Opi, miten Figma-kerrokset auttavat pitämään suunnittelusi järjestyksessä, tutustu siihen, miten ryhmitellyt muodot auttavat luomaan vaikuttavia visuaaleja, ja opi muotoilemaan tekstiä kauniisti typografiatyökaluilla.

Opi sijoittamaan valokuvia ja videoita, käyttämään maskeja sekä soveltamaan sekoitustiloja dynaamisiin suunnitelmiin. Hallitse värit, liukuvärit, painikkeet, automaattiasettelut, komponentit ja tyylit. Hyödynnä lisäosien ja widgetien voimaa luovuuden lisäämiseksi ja työnkulun tehostamiseksi.

Tutustu sarakkeisiin, ruudukoihin, liitännäisiin ja vanhempi-lapsi-komponenttirakenteeseen tehostaaksesi suunnitteluprosessiasi.

Laadi matalan tarkkuuden wireframeja, luo interaktiivisia prototyyppejä, animoi suunnitelmia ja esittele työ tehokkaasti asiakkaille.

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

Väriarvojärjestelmät, joita näet ovat

1. Mikä seuraavista EI ole Figma:ssa käytettävissä oleva väriarvojärjestelmä?

2. Mitä tapahtuu, kun asetat yhden gradientin pysäkin läpinäkyvyydeksi 0 %?