Valokuvien ja Videoiden Sijoittaminen Figmassa: Suunnittelun Tehostaminen Medialla

Kuvan lisääminen onnistuu seuraavasti:

• Napsauta Figma-kuvake → Tiedosto → Lisää kuva;
• Käytä työkalupalkkia ja valitse Muodot-työkaluryhmä → Lisää kuva;
• Käytä pikanäppäintä: Ctrl/Command + Shift + K;

Kuvan sijoittamiseksi Figmaan vie hiiri muodon päälle ja napsauta, jolloin kuva täyttää muodon. Voit myös asettaa kuvan tekstin päälle, vetää ja sijoittaa manuaalisesti tai napsauttaa sijoittaaksesi koko kuvan, mutta tällöin kuvaa voi olla tarpeen pienentää. Kuvan rajaamiseksi tai säätämiseksi kaksoisnapsauta pitäen Alt/Option pohjassa tai käytä Design Panel → Fill → Image Fill -asetuksia.

Skaalausvaihtoehtojen säätäminen

• Fill: kuva täyttää muodon;
• Fit: kuva mahtuu muodon sisään;
• Crop: kuvan mittojen säätäminen;
• Tile: kuva toistuu ruudukkona.

Kuvan kopioimiseksi Figmaan napsauta hiiren oikealla ja valitse → Kopioi/liitä ominaisuudet → Kopioi ominaisuudet tai Liitä ominaisuudet siirtääksesi attribuutteja muotojen välillä. Vaihtoehtoisesti voit käyttää pikanäppäimiä Ctrl/Command + C kopiointiin ja Ctrl/Command + V liittämiseen.

Täyttöasetuksia voi muokata myös:

• Säätämällä kuvan läpinäkyvyyttä haalean ilmeen saamiseksi;
• Muuttamalla tai piilottamalla täyttövärin/kuvan;
• Poistamalla täytön napsauttamalla miinus-kuvaketta.

Videoiden sijoittaminen Figmaan tapahtuu samalla tavalla kuin kuvien, mutta videoita voi lisätä vain maksullisilla tilauksilla. Kun video on lisätty, voit esikatsella videon pikkukuvia Täyttöasetuksissa Design Panelissa. Kokonaisen videon toistamiseen siirry Esitystilaan napsauttamalla "Esitä"-kuvaketta oikeassa yläkulmassa. Jos haluat ladata alkuperäiset tiedostot (kuvat tai videot), siirry Dev Modeen (vain maksullisilla tilauksilla), valitse objekti ja siirry Inspect Paneliin. Assets Section -kohdasta löydät Lataa/Vie-painikkeen.