Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Project Setup in Figma | Figman Perustyökalut
UI/UX-suunnittelu Figma:lla

Project Setup in Figma

Pyyhkäise näyttääksesi valikon

Projektien uudelleennimeäminen

Kaksoisnapsauta projektin nimeä ylhäällä vaihtaaksesi nimeä. Tallenna muutokset painamalla Enter/Return.

Keskeiset käyttöliittymän osat

  • Sivut ja tasot: vasemmalla, sisällön järjestelyyn;

  • Suunnittelupaneeli: oikealla, sisältää asetukset suunnitteluun, prototyyppien tekoon ja animaatioihin;

  • Työkalupalkki: sijaitsee kankaan alapuolella, sisältää työkalut, joita käsitellään seuraavassa luvussa.

Pudotusvalikko

Saatavilla nuolikuvakkeesta, sisältää:

  • Uusi ikkuna: avaa erillisen Figma-ikkunan;
  • Uusi välilehti: sama kuin "Luo uusi" -painike;
  • Avaa selaimessa: tarkastele projektia selaimessa;
  • Avaa tiedosto leikepöydältä: liitä ja avaa tiedostoja suoraan;
  • Sulje/avaa välilehtiä uudelleen: hallitse Figma-välilehtiä ja ikkunoita;
  • Lisäosat ja käyttöliittymän skaalaus: säädä skaalausta (esim. 110 %) tai hallitse lisäosia;
  • Asetukset: pääsy asetuksiin, ohjeisiin, päivityksiin ja "Tietoja Figmasta".

Käyttöliittymän pienennyskuvake

Näyttää tai piilottaa vasemman ja oikean paneelin.

Hakukuvake

Nopea resurssien tai komponenttien haku projektista.

Esitystila

  • Käytä Esitä-kuvaketta näyttääksesi kehyksiä laitemallinnuksissa (esim. iPhone, MacBook);
  • Vaihda laitetta tai kytke mallinnuskehys päälle/pois;
  • Siirry koko näytön tilaan oikean yläkulman painikkeesta.

Jakamisvaihtoehdot

  • Käytä Jaa-painiketta tiedostojen jakamiseen linkillä, sähköpostikutsulla tai kopioimalla kehittäjä-/prototyyppilinkki;
  • Aseta käyttöoikeudet (katsele/muokkaa) ja julkaise yhteisöön tai kopioi upotuskoodi.

Tiedostojen hallinta

Etsi ja suodata projekteja:

  • Tiedostotyypin mukaan: suunnittelutiedostot, FigJam-taulut, esitykset;
  • Tekijän, organisaation tai kansion mukaan.

Näyttöasetukset

  • Valitse ruudukko-/esikatselunäkymä tai luettelonäkymä;
  • Lajittelu nimen, luontipäivän (vanhin/uusin) mukaan.

1. Mikä lisäominaisuus työpöytäversiossa on verrattuna selainversioon?

2. Mitä "Näytä laitekehys" -vaihtoehto tekee esitystilassa?

question mark

Mikä lisäominaisuus työpöytäversiossa on verrattuna selainversioon?

Valitse oikea vastaus

question mark

Mitä "Näytä laitekehys" -vaihtoehto tekee esitystilassa?

Valitse oikea vastaus

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 3

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Project Setup in Figma

Projektien uudelleennimeäminen

Kaksoisnapsauta projektin nimeä ylhäällä vaihtaaksesi nimeä. Tallenna muutokset painamalla Enter/Return.

Keskeiset käyttöliittymän osat

  • Sivut ja tasot: vasemmalla, sisällön järjestelyyn;

  • Suunnittelupaneeli: oikealla, sisältää asetukset suunnitteluun, prototyyppien tekoon ja animaatioihin;

  • Työkalupalkki: sijaitsee kankaan alapuolella, sisältää työkalut, joita käsitellään seuraavassa luvussa.

Pudotusvalikko

Saatavilla nuolikuvakkeesta, sisältää:

  • Uusi ikkuna: avaa erillisen Figma-ikkunan;
  • Uusi välilehti: sama kuin "Luo uusi" -painike;
  • Avaa selaimessa: tarkastele projektia selaimessa;
  • Avaa tiedosto leikepöydältä: liitä ja avaa tiedostoja suoraan;
  • Sulje/avaa välilehtiä uudelleen: hallitse Figma-välilehtiä ja ikkunoita;
  • Lisäosat ja käyttöliittymän skaalaus: säädä skaalausta (esim. 110 %) tai hallitse lisäosia;
  • Asetukset: pääsy asetuksiin, ohjeisiin, päivityksiin ja "Tietoja Figmasta".

Käyttöliittymän pienennyskuvake

Näyttää tai piilottaa vasemman ja oikean paneelin.

Hakukuvake

Nopea resurssien tai komponenttien haku projektista.

Esitystila

  • Käytä Esitä-kuvaketta näyttääksesi kehyksiä laitemallinnuksissa (esim. iPhone, MacBook);
  • Vaihda laitetta tai kytke mallinnuskehys päälle/pois;
  • Siirry koko näytön tilaan oikean yläkulman painikkeesta.

Jakamisvaihtoehdot

  • Käytä Jaa-painiketta tiedostojen jakamiseen linkillä, sähköpostikutsulla tai kopioimalla kehittäjä-/prototyyppilinkki;
  • Aseta käyttöoikeudet (katsele/muokkaa) ja julkaise yhteisöön tai kopioi upotuskoodi.

Tiedostojen hallinta

Etsi ja suodata projekteja:

  • Tiedostotyypin mukaan: suunnittelutiedostot, FigJam-taulut, esitykset;
  • Tekijän, organisaation tai kansion mukaan.

Näyttöasetukset

  • Valitse ruudukko-/esikatselunäkymä tai luettelonäkymä;
  • Lajittelu nimen, luontipäivän (vanhin/uusin) mukaan.
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 3
some-alt