# Figma somejulkaisuihin vai tarkoitukseen tehty työkalu

[Canonical HTML page](https://gradiently.design/fi/guide/figma-alternative-for-social)

Figma on erinomainen järjestelmissä, komponenteissa ja yhteistyössä, ja moni tiimi suunnittelee julkaisunsa sillä. Kitka näkyy liikkeessä, kokoversioissa, luettavuudessa ja työssä muiden kuin suunnittelijoiden kanssa.

## The short version

- Figma toimii hyvin somejulkaisuihin, kun suunnittelija tekee alustakohtaiset kehykset, jaetut komponentit ja värityylit.
- Figman vahvuudet ovat tarkkuus, komponentit, reaaliaikainen yhteistyö ja laaja lisäosavalikoima.
- Some-työ hidastuu Figmassa animaatiovienneissä, monien kokojen asettelussa ja mallipohjien luovuttamisessa muille kuin suunnittelijoille.
- Erillinen some-suunnittelutyökalu vaihtaa osan Figman tarkkuudesta arkijulkaisujen nopeuteen.
- Moni tiimi pitää brändijärjestelmän Figmassa ja tekee päivittäiset julkaisut niihin tarkoitetussa työkalussa.

**Figma somejulkaisuihin** toimii hyvin, jos suunnittelijana haluat tarkkuutta ja järjestelmän: alustakohtaiset kehykset, logon ja tunnuksen komponentit, värityylit ja viennin suoraan kankaalta. Hidasta on sometyön arki: liike, monta kokoa julkaisua kohden, jokaisen rivin luettavuus ja mallipohjien luovutus Figman ulkopuolisille kollegoille. Tähän väliin sopii Gradientlyn kaltainen tarkoitukseen tehty suunnittelutyökalu.

## Näin valmistelet Figman somejulkaisuille

1. **Tee kehys joka muodolle** Luo alla olevien tarkkojen latauskokojen kehykset, nimeä alustan mukaan ja sijoita yhdelle Some-nimiselle sivulle.
2. **Tee yhteisistä osista komponentteja** Logo, käyttäjätunnus, sivunumerot ja otsikkolohko muuttuvat komponenteiksi, jotta muutos päivittyy kaikkiin julkaisuihin.
3. **Käytä tekstille automaattiasettelua** Auto layout pitää marginaalit vakaina otsikon pidentyessä tai lyhentyessä julkaisujen välillä.
4. **Tallenna värit ja typografia tyyleiksi** Väri- ja tekstityylit tai muuttujat estävät lähes oikeita brändisävyjä hiipimästä mukaan.
5. **Määritä viennin oletukset** Vie kehykset grafiikalle PNG:nä 1x ja valokuville JPG:nä, jotta tiedostot vastaavat tarkasti alustan kokoa.

| Kehys | Koko | Kuvasuhde |
| --- | --- | --- |
| Instagram-julkaisu | 1080×1350 | 4:5 |
| Instagram-neliö | 1080×1080 | 1:1 |
| Tarina ja Reel | 1080×1920 | 9:16 |
| X-julkaisu | 1600×900 | 16:9 |
| LinkedIn-julkaisu | 1200×1200 | 1:1 |
| LinkedIn-linkkikuva | 1200×627 | 1,91:1 |
| YouTube-pikkukuva | 1280×720 | 16:9 |
| Pinterest-pinni | 1000×1500 | 2:3 |

Kerran määritettävät kehyskoot. Muut löytyvät oppaasta [somekuvien koot](https://gradiently.design/fi/guide/social-media-image-sizes).

## Milloin Figma on oikea työkalu

- **Tarkkuus.** Täsmälliset välit, ruudukot ja typografia-asetukset pikselin tarkkuudella.
- **Järjestelmät.** Komponentit, variantit ja tyylit pitävät suuren mallipohjasarjan yhtenäisenä.
- **Yhteistyö.** Useat voivat työskennellä samassa tiedostossa ja kommentoida yhtä aikaa.
- **Lisäosat ja Community-tiedostot.** Tuhannet laajennukset ja jaetut mallipohjat täydentävät toimintoja.
- **Yksi koti brändille.** Sivusto, tuotenäkymät ja somepohjat voivat olla rinnakkain.

Jos brändilläsi on jo suunnittelujärjestelmä Figmassa, somepohjien rakentaminen sinne pitää ne sen mukaisina. Suunnittelijat voivat tuoda liukuvärit suoraan mukaan. [Figman liukuvärit](https://gradiently.design/fi/guide/figma-gradient) käsittelee täyttöjä, sekoitustiloja ja kohinaa, jotka vähentävät tasaisuutta.

## Missä Figma hidastaa some-tiimiä

### Figmassa

- Animaatiojulkaisut ja video tarvitsevat yleensä lisäosan tai toisen sovelluksen
- Uusi koko vaatii kehyksen rakentamista tai säätämistä
- Luettavuus liukuvärillä ja kuvissa tarkistetaan silmällä rivi riviltä
- Kollegojen pitää opetella kehykset, tasot ja komponentit
- Taustat ovat staattisia täyttöjä tai sijoittamiasi kuvia

### Tarkoitukseen tehdyssä työkalussa

- Liike ja videovienti ovat mukana
- Valmis suunnitelma asetellaan uudelleen joka kokoon
- Työkalu auttaa pitämään tekstin luettavana taustalla
- Mallipohjat on tehty muillekin kuin suunnittelijoille
- Tausta voi olla osa itse brändiä

Nämä eivät ole Figman puutteita. Se on tehty käyttöliittymäsuunnitteluun ja prototyyppeihin, ja some on sivukäyttö. Työn määrä näkyy, kun päivittäinen julkaisija ei ole tiedoston rakentaja. Figma on laajentunut tähänkin: vuonna 2025 julkistettu Figma Buzz on suunnattu markkinointitiimien brändinmukaisiin mallipohja-aineistoihin. Tarkista sen nykyiset ominaisuudet Figman omalta sivustolta.

## Nopeampi kierros päivittäisiin julkaisuihin

Gradiently on tehty juuri tähän työhön. Jokainen suunnitelma asettuu **Markin** päälle: elävälle liukuväri- ja materiaalitaustalle, jolla on kerrallaan täsmälleen yksi omistaja. Tausta kantaa syötteen ilmettä sen sijaan, että se rakennettaisiin joka kehykseen uudelleen. Kolme asiaa korvaa yllä olevat hitaat vaiheet.

Tuotteen pystysuuntainen julkistus Versio 2 on täällä, otsikko taustan kirkkaan kohdan päällä

Tuotejulkaisu, jonka tausta kulkee suoraan tekstin läpi.

Sama julkistus rauhallisemmalla, paremmin erottuvalla taustalla jokaisen rivin takana

Sama julkaisu, kun Mark tekee tilaa. Ei lisättyä varjoa, laatikkoa tai sumennusta.

- **Luettavuus on automaattista.** Mark siirtää rauhallisimman alueensa tekstin taakse, ja Automaattinen muste valitsee paletista vaalean tai tumman tekstin riveittäin. [Teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient) näyttää käsin tehtävän version.
- **Kaikki koot yhdestä suunnitelmasta.** Prolla valmis suunnitelma sovitetaan kaikkiin kokoihin yhdellä kertaa, jokaiselle kehykselle uudelleen aseteltuna. [Kopioi eri kokoihin](https://gradiently.design/fi/guide/copy-to-sizes) kertoo miten.
- **Liikettä ilman aikajanaa.** Jokainen Mark liikkuu, ja Pro vie GIF-, MP4- tai WebM-silmukat. Tarvittaessa mukana ovat myös täysi videoaikajana, tekstitykset ja musiikki.

Se madaltaa kynnystä muillekin. Gradientlyn tekoäly **Designer** ottaa vastaan tavallisen tekstipyynnön, kirjoittaa sisällön, asettelee suunnitelman Markiisi ja tekee muut koot. Luonti taulukosta muuttaa laskentataulukon julkaisusarjaksi.

- Julkaisu 1080×1350: 1080 × 1350
- Tarina 1080×1920: 1080 × 1920
- X-julkaisu 1600×900: 1600 × 900
- Linkkikuva 1200×627: 1200 × 627

Neljä muotoa yhdestä suunnitelmasta. Figmassa jokainen on säädettävä kehys, Markilla jokainen piirretään uudelleen muotoon sopivalla valolla.

## Työn jakaminen Figman ja Gradientlyn välillä

| Työ | Paras paikka | Syy |
| --- | --- | --- |
| Suunnittelujärjestelmä ja brändiohjeet | Figma | Komponentit ja dokumentaatio samassa paikassa |
| Sivusto ja tuotenäkymät | Figma | Tehty käyttöliittymille ja prototyypeille |
| Kampanjan pääkuva | Kumpi tahansa | Figma tarkkuuteen, Gradiently Mark-pohjaiseen ilmeeseen |
| Päivittäiset julkaisut ja tarinat | Gradiently | Mallipohjat, luettavuus ja kaikki koot hoidettu |
| Animoidut julkaisut ja silmukat | Gradiently | Liike ja videovienti mukana |
| Muiden kuin suunnittelijoiden julkaisut | Gradiently | Designer ja yksinkertaiset mallipohjat |

Tavallinen työnjako Figmaa jo käyttäville tiimeille.

Pidä työkalut samassa linjassa lisäämällä Gradientlyn brändipakettiin samat fontit ja värit kuin Figma-tyyleihin. [Brändipaketin määrittäminen](https://gradiently.design/fi/guide/brand-kit-setup) näyttää vaiheet. Silloin syöte ja tuote tuntuvat samalta brändiltä, kuten [brändin yhtenäisyys](https://gradiently.design/fi/guide/brand-consistency) suosittelee.

## FAQ

### Sopiiko Figma somejulkaisuihin?

Kyllä, tarkkuutta ja komponenttijärjestelmää haluaville suunnittelijoille. Se on hitaampi animaatioihin, moniin kokoversioihin ja työn luovuttamiseen muille kuin suunnittelijoille.

### Mitä kehyskokoa käytän Figmassa Instagramia varten?

1080×1350 syötteen pystyjulkaisuun, 1080×1080 neliöön ja 1080×1920 tarinoihin sekä Reelseihin.

### Voiko Figma viedä GIF:ejä tai videoita someen?

Figma Design vie kehykset PNG-, JPG-, SVG- ja PDF-muodoissa, joten tiimit käyttävät animaatioihin yleensä lisäosia tai toista sovellusta. Figman uudet tuotteet muuttuvat nopeasti, joten tarkista vientivaihtoehdot sen ohjekeskuksesta.

### Voinko käyttää Figmaa ja Gradientlyä yhdessä?

Kyllä. Monet tiimit säilyttävät suunnittelujärjestelmän Figmassa ja tekevät arkijulkaisut Gradientlyssä, jonka brändipaketissa ovat samat fontit ja värit.