Figma on tehokas suunnittelutyökalu ja useimpien UX/UI-suunnittelijoiden ensimmäinen valinta suunnitteluohjelmaksi. Voit luoda niin paljon Figmassa, ja se on helppo oppia.
Suunnittelijoina pyrimme usein säästämään aikaa, joten käytämme arvokkaat tuntimme hyvän työn tekemiseen sen sijaan, että selailemme ruokalistoja. Kokosimme luettelon hyödyllisistä Figma-pikanäppäimistä, jotka virtaviivaistavat työnkulkuasi.
Tämä yksinkertainen yhden näppäimen pikanäppäin on nopea tapa skaalata kohteita. Lyö K -näppäintä ja valitse sitten objekti, jonka kokoa haluat muuttaa. Sinun tarvitsee vain napsauttaa ja vetää yhtä ankkuripistettä, niin objekti pysyy mittakaavassa, kun sen kokoa muutetaan haluamaksesi.
Frame-työkalu on paljon käytetty työkalu Figmassa, kun luodaan useita kehyslevyjä prototyyppisuunnitelmia varten. Lyöminen F näppäimistöllä tuo työkalun esiin yhdellä napautuksella, jolloin voit piirtää tai mitoittaa kehyksen nopeasti.
Voit piirtää kehyksen suoraan napsauttamalla ja vetämällä kohdistinta, tai kun Kehys-työkalu on valittu, voit kirjoittaa haluamasi koot oikeanpuoleisen kehysvalikon mittaruutuihin.
3. Vaihda suunnittelu- ja prototyyppitilan välillä
The Siirtää + E pikakuvakkeen avulla voit vaihtaa suunnittelutilan ja prototyyppitilan välillä. Sama pikakuvake toimii riippumatta siitä, mistä tilasta aloitat ja vaihdat. Katso meidän Figman aloittelijan opas oppiaksesi näiden tilojen väliset erot.
Vaihtoehtoisesti tähän tarkoitukseen on olemassa tarkempia pikakuvakkeita. Alt (Windows) / Vaihtoehto (Mac) + 8 voidaan vaihtaa prototyyppitilasta suunnittelutilaan, kun taas Alt (Windows) / Vaihtoehto (Mac) + 9 vaihtaa suunnittelutilasta takaisin prototyyppitilaan. Ilmeisesti Siirtää + E on helpompaa, mutta on mukavaa, että on vaihtoehtoja.
4. Valitse sisin elementti yhdellä napsautuksella (syvävalinta)
Kun suunnittelet useissa kerroksissa tai upotetuilla kuvilla, yhden elementin nopea valitseminen voi olla vaikeaa. Käytä tätä pikakuvaketta, jos haluat säästää aikaa napsauttamalla kymmeniä kertoja ja valitsemalla alimman kerroksen.
Macissa pidä Cmd + Klikkaus elementti ja Windowsissa Ctrl + Klikkaus. Yksi yksinkertainen näppäin säästää minuutteja mielettömältä napsauttamiselta alimman kerroksen elementin valitsemiseksi.
5. Siirrä tasoa pois, kun olet valinnut sisimmän elementin
Kun olet valinnut suunnittelusi sisimmän elementin, saatat huomata, että halusit valita yhden tason lähempänä olevan elementin – helppoa. Kun olet löytänyt sisimmän elementin, paina Siirtää + Tulla sisään siirtyäksesi tasolle taaksepäin. Voit tehdä tämän kaikilla tasoilla.
6. Kutista kaikki tasot
Kun suunnittelet Figmassa, kerrospaneelisi alkaa laajentua ja näyttää mahdollisesti hieman sotkuiselta, varsinkin kun muuntaa HTML Figma-muotoon. Voit kutistaa tasosi painamalla Alt + L (Windows) tai Vaihtoehto + L (Mac).
Jos olet valinnut elementin käyttäessäsi tätä pikakuvaketta, kyseisen elementin taso pysyy auki. Poista kaikkien elementtien valinnat valitsemalla mikä tahansa piirrostaulun puolelta ja tiivistä kaikki tasot pikanäppäimellä.
7. Näytä tai piilota asetteluruudukot
Asetteluruudukoiden käyttäminen on paras tapa varmistaa, että suunnittelusi osuu tiettyihin mittasuhteisiin ja skaalautuu oikein eri laitteille. Vaikka ruudukot ovat hyödyllisiä, et aina halua niiden näkyvän.
Asetteluruudukoiden kytkeminen päälle ja pois päältä on erilaista Macissa kuin Windowsissa. Macilla paina Ctrl + G kytkeäksesi sen päälle tai pois päältä. Jos käytät Windowsia, se on kolmen näppäimen pikanäppäin. Ctrl + Siirtää + 4. Ne ovat erilaisia, mutta tekevät saman asian.
8. Aseta useita valokuvia kerralla
Jos olet suunnitellut asettelun, jossa on paikkamerkkimuotoja valmiina kuvillesi, voi olla turhauttavaa lisätä kuvia yksitellen. Tämän pikanäppäimen avulla voit sijoittaa useita valokuvia ja sijoittaa jokaisen yksittäisen valokuvan valitsemalla paikkamerkin – tai minne tahansa taulullasi.
Mac-käyttäjille paina Cmd + Siirtää + K avataksesi valintaikkunan kuvien etsimiseksi. Windowsissa se on Ctrl + Siirtää + K jotta voit etsiä ja sijoittaa useita valokuvia Figma-suunnitteluasi. Jos sinä luo päämalli Figmassa, tämä on loistava pikakuvake.
9. Kopioi mikä tahansa kuva PNG-muodossa
Kun käytät kuvia Figma-suunnittelussasi, sinulla saattaa olla valikoima tiedostomuotoja, mutta kenties asiakkaasi vaatii PNG-tiedostoja. Voit kopioida minkä tahansa kuvan PNG-muodossa sen alkuperämuodosta riippumatta.
Valitse valitsemasi kuva ja paina Cmd + Siirtää + C Macissa ja Ctrl + Siirtää + C Windowsissa kopioidaksesi sen PNG-muodossa. Tämän pikakuvakkeen avulla voit helposti varmistaa korkeatasoisen kuvamuodon, varsinkin jos olet esitysten luominen Figmalla.
10. Eyedrop väri mistä tahansa
Värin ottaminen silmällä on kätevä ominaisuus, kun siirrät väriä suunnittelun yhdestä osasta toiseen. Tämän nopean pikanäppäimen avulla voit vetää pipetin ylös sekunnissa ja valita värin mistä tahansa taidetaulullasi.
Macissa paina Ctrl + C, ja Windowsissa se on kirjainnäppäin minä. Kun olet painanut pikanäppäimiä, siirrä pipetin kohde värin päälle, jota haluat käyttää, ja napsauta kerran valitaksesi värin.
11. Avaa Resurssit-välilehti
Resurssit-välilehti sisältää Komponentit-, Plugins- ja Widgetit-valikot. Vaikka ei ole pikanäppäimiä näiden valikoiden avaamiseksi yksitellen, Resurssit-pikakuvake säästää silti jonkin verran aikaa: Siirtää + minä. Sinä pystyt käytä laajennuksia luodaksesi ja lisätäksesi malleja Figma-suunnitelmiisi.
Säästä aikaa Figman pikanäppäimillä
Suunnittelijat käyttävät tyypillisesti työssään pikanäppäimiä säästääkseen aikaa ja energiaa, eikä Figmassa työskentely ole erilaista. Nämä Figma-pikanäppäimet naarmuttavat vain niiden pikanäppäimien pintaa, joita voit käyttää ohjelmassa.
Nämä pikakuvakkeet eivät ole ilmeisiä tai helposti löydettävissä, joten vie uudet oppimisesi Figmaan ja nauti tiedoista, joiden selvittämiseen monilla suunnittelijoilla menee kuukausia tai vuosia.
