Figma PRO – alkeista ammattitasolle – etäkoulutus

Opi Figman UI-ammattilaisten toiminnot ja UI-kirjaston rakentaminen

Haluaisitko oppia Figman keskeiset ammattikäytön toiminnot, jotka nopeuttavat UI-näkymien ”piirtämistä” ja hyödyntävät Figman koko potentiaalin? Tässä koulutuksessa otat haltuun auto layout– ja komponenttitoiminnot ja saat tehokäyttäjän vinkkejä.

Koulutuksen aikana harjoittelet Figman käyttöä tehtävien kautta, mm. suunnittelemalla usein toistuvista UI-elementeistä käyttöliittymäkomponentteja. Figmaan rakennettu tyylien ja komponenttien UI-kirjasto (usein kutsutaan myös nimellä Design System) on tärkeä osa monien yritysten digipalveluiden tuotekehitystä.

Tämä kurssi opettaa

• Figman alkeet ja perustoiminnot
• Figman viimeisimmät toiminnot, kuten auto layout, component variants & properties ja variables.
• Suunnittelemaan näkymiä auto layout -komponenttien avulla
• Pitämään käyttöliittymät visuaalisesti ja toiminnallisesti yhtenäisinä Design Systemin tyyli- ja komponenttikirjaston avulla.

Kohderyhmät

• UX/UI-suunnittelijat ja verkkosivujen suunnittelijat. Haluat olla asiantuntija Figman käytössä, luoda itse UI-kirjaston tai osallistua sen rakentamiseen, tai ehkä olet siirtymässä toisesta suunnittelutyökalusta Figmaan.
• Kaikki Figma-tiedostoja käsittelevät. Teet yhteistyötä UX-suunnittelijoiden kanssa ja haluat osata hyödyntää ja muokata muiden tekemiä Figma-tiedostoja, joissa on ammattitoiminnot käytössä.
• Muiden alojen asiantuntijat ja alan vaihtajat. Olet motivoitunut oppimaan Figman käytön yksityiskohtaisella ammattitasolla, jotta voit työskennellä sujuvasti yksin ja muiden Figma-ammattilaisten kanssa.

Eikö ajankohta ole sinulle sopiva?
→ Tilaa tieto seuraavasta kurssista

Palautetta opiskelijoilta

Keskimääräinen arvio:
(4.4) 5 arvostelua

”Osallistuin koulutukseen laajentaakseni ymmärrystäni verkkokauppojen käyttöliittymien suunnittelusta. Kurssin päätavoitteena oli oppia parhaita käytäntöjä Figma-ohjelman käytössä sekä Design Systemien suunnittelussa, ja tämä kurssi tarjosi erinomaiset eväät näiden tavoitteiden saavuttamiseen. Koulutuksessa käytiin asioita läpi riittävän yksityiskohtaisesti, ja erityisen positiivista oli, että se asetti suunnittelijan roolin osaksi laajempaa kokonaisuutta. Vaikka Figmaan liittyvää tietoa on saatavilla myös verkosta, Juha-Antin opetusosaaminen erottui selkeästi ja hän tarjosi nopeasti vastauksia kaikkiin mieleen tulleisiin kysymyksiin. Lisäksi kurssin jälkeinen mentorointi mahdollistaa tehokkaan itseopiskelun myös koulutuksen päättymisen jälkeen.”
Lauri Koskensalo, UX/UI designer, Petrosoft Oy

”Kurssi on sopivan käytännönläheinen ja joustava, ja sopii taustaltaan erilaisille suunnittelijoille, tai sellaisiksi pyrkiville. Opit Figman monimutkaisempia toimintoja, ja saat käsityksen miten käyttää ohjelmaa omassa workflowssasi. Kurssi antaa mahdollisuuden pyytää palautetta ja kysyä suoraan asiantuntevalta kouluttajalta.”
Tytti Himanen, Growth Marketer, Palveluna Oy

”Koulutus syvensi omaa Figma-osaamistani ja antoi hyvän pohjan oman Design Systemin parissa työskentelyyn. Opetus oli selkeää, rauhallista ja asioihin paneuduttiin yksityiskohtaisesti. Osa opiskeltavista asioista vaatii paljon harjoittelua, mutta ohjaajan kannustava asenne motivoi oppimaan. Pidin myös erityisesti siitä, että asioiden käsittelyssä huomioitiin designerin rooli osana suurempaa kokonaisuutta. Tämä näkyi konkreettisina esimerkkeinä, millä tavoin suunnittelija voi helpottaa ohjelmoijien työtä, ja mikä suunnittelijan rooli on koko yrityksen brändille. Kattavat opetusmateriaalit ja mahdollisuus mentorointiin kurssin jälkeen helpottavat omaa oppimista myös jatkossa.”
Annastina Myllylä, UX/UI designer trainee

Koulutuksen aiheet

Koulutuksen videopuhelut pidetään suomeksi. Harjoitustehtävät tekemällä opiskelija rakentaa hyviä käytäntöjä hyödyntävän oman yksinkertaisen Figma UI-komponenttikirjaston, joka voi toimia osana Design Systemiä.

1. viikko

Viikon aluksi oppimateriaalissa tutustutaan Figman alkeisiin (1h 30min), jonka jälkeen siirrytään responsiivisten UI-kuvien suunnitteluun (1h 30min). Voit hypätä alkeiden yli, jos sinulla on Figman käyttökokemusta.

• Figman käyttöliittymän esittely
• UI-kuvien piirtäminen (aluksi ilman auto layoutia)
• Yksinkertaisten prototyyppien rakentaminen
• Yksinkertaisen komponentin luominen
• Responsiivisuus: Constraints -toiminnon käyttö
• Responsiivisuus: Auto layout -toiminnon käyttö

2. viikko

• Design Systemien UI-kirjastojen esittely
• Hyviä käytäntöjä Figma-tiedostojen kansiorakenteeseen
• Tyylien (colors, typography, jne.) luominen ja nimeäminen
• Variables (colors) -toiminnon käyttö

3. viikko

• Figman UI-komponenttien variants & properties -käyttö
• Variables (sizing & spacing) -toiminnon käyttö

4. viikko

• Erikokoisten UI-komponenttien suunnitteluperiaatteet (atomic design, nested components)
• UI-kirjaston dokumentoiminen ohjelmoijille
• Slot-komponenttien hyödyntäminen suunnittelussa
• UI-kirjaston komponenttien käyttö

“Hei! Minulla on noin 20 vuoden työkokemus UX-alalta: digitaalisesta palvelumuotoilusta, käyttöliittymäsuunnittelusta ja käyttäjätutkimuksesta. Tällä hetkellä työskentelen UX/UI -suunnittelijana eri asiakkaille oman yritykseni kautta.

Aiemmin olen työskennellyt mm. UX/UI-suunnittelijana Nokiassa, palvelumuotoilijana Keskossa ja User Experience (UX) -tiimin vetäjänä Torissa. UX/UI -suunnittelua olen tehnyt mm. mobiilisovelluksiin, verkkokauppoihin, yritysten sisäisiin ohjelmistoihin, ja eri alojen startup -yrityksille.”

Juha-Antti Huusko
LinkedIn profiili

UX Academy FinlandTM

Koulutuksemme perustuvat pitkään käytännön työkokemukseen UX/UI- ja palvelumuotoilualalta.

Tilaa uutiskirje

Voimmeko auttaa?

Lähetä kysymyksesi niin vastaamme mahdollisimman pian.