11 parasta Figma-näppäimistön pikanäppäintä Windowsille ja Macille

Figma on saanut vetoa suunnittelutilassa. Sketch-ohjelmisto hallitsee enimmäkseen UI/UX-suunnitteluteollisuutta. Mutta viimeisimmät tarjoukset Adobe (Adobe XD) ja Figma joustavalla hinnoittelulla, saumattomalla jakamisella ja eri alustojen saatavuudella muuttavat UI/UX-suunnittelijoiden yhtälöä.

Figman saatavuus Webissä, Windowsissa ja macOS: ssä yhdistettynä sen erinomaiseen aloitussuunnitelmaan (3 projektia ja 2 editoria) tekee siitä ihanteellisen valinnan suunnitteluun, prototyyppien ja käyttöliittymäsuunnittelutaitojen hallitsemiseen. Yritys äskettäin esitteli sille kauan odotetun Plugins-tuen. Jos olet uusi UI/UX-suunnittelutilan käyttäjä ja aloitat matkasi Figman kanssa, sinun kannattaa muistaa joukko tärkeitä Figma-pikanäppäimiä Windowsille ja Macille.

Tässä viestissä käsittelemme yksitoista parasta Figma-pikanäppäintä, joita voit käyttää Windows PC: ssä ja Macissa. Aloitetaan.

Vieraile Figmassa

1. Master Zoom -ominaisuudet

Et voi käyttää Figmaa tai mitään UI/UX-suunnitteluohjelmistoa hallitsematta Zoomin pikanäppäimiä. Nämä ovat eniten käytetyt pikanäppäimet työnkulun aikana.

Windowsissa ja Macissa voit sovittaa tasot näyttöön painamalla Shift + 1. Vaihto + 2 zoomata valitussa kehyksessä (useimmin käytetty pikanäppäin, koska sen avulla voin nopeasti tarkastella valitun komponentin tietoja) ja Shift + 0 zoomata 100%.

2. Näytä/piilota viivain ja Näytä/piilota asetteluruudukot

En yleensä käytä viivoja Figmassa, mutta jos aiot käyttää niitä käyttöliittymäsuunnittelun aikana, voit käyttää PC: n tai Macin Shift + R -pikanäppäintä näyttääksesi/piilottaaksesi viivoja.

Käytän Layout Gridsiä koko ajan. Sen avulla voit järjestää komponentit, kuvakkeet samalla etäisyydellä, voit järjestää tekstin ja muut elementit. Käytä Macin pikanäppäinyhdistelmää Control + G näyttääksesi/piilottaaksesi asetteluruudukot.

Myös opastekniikassa

3. Kynä-, siirto- ja tekstityökalu

Figma tarjoaa tehokkaan ja muokattavan kynätyökalun. Ymmärrät mitä tarkoitan, kun olet pelannut sillä muutaman minuutin. Suunnittelutyön aikana käytät näitä kolmea työkalua melko paljon.

Voit aina valita ne ylävalikosta tai käyttää P-näppäinpainallusta kynää varten, V-näppäintä Movelle ja T for Text -työkalua Windowsissa ja Macissa.

4. Siirrä kerrosten ja komponenttien välillä

Nämä kaksi pikanäppäintä ovat varsin käteviä, kun työskentelet suunnitteluprojektissa, jossa on liian monta kerrosta ja komponentteja. Saatat joutua liikkumaan niiden välillä jatkuvasti. Voit siirtyä tasopaneeliin painamalla Optio + 1 (Mac) tai Alt + 1 (Windows). Siirry sitten Komponentit-valikkoon painamalla Optio + 2 (Mac) tai Alt + 2 (Windows).

5. Avaa Värinvalitsin

Tämä toiminto on hyödyllinen, kun haluat poimia väriä kuvasta, kuvakkeesta tai mistä tahansa muusta komponentista. Voit avata värivalitsimen käyttämällä "I"-pikanäppäintä Macissa tai Windowsissa. Vie hiiri kuvan tai kuvakkeen päälle ja kopioi värikoodi kuvakkeesta värinvalitsija valikosta.

6. Kopioi/Liitä nykyinen tyyli

Tämä on todellinen ajansäästö. Haluatko nopeasti kopioida komponentin nykyisen värin/suunnittelun muuhun tekstiin tai kuvakkeeseen? Voit valita nykyisen elementin ja kopioida sen tyylin käyttämällä Optio + Komento + C (Mac) tai Ctrl + Vaihto + C (Windows). Valitse nyt toinen elementti ja liitä tyyli painamalla Optio + Komento + V (Mac) tai Ctrl + Vaihto + V (Windows).

7. Ryhmittele/Poista ryhmävalinta

Ryhmittely ja ryhmittelyn purkaminen ovat yksi suunnitteluohjelmiston tärkeimmistä osista. Kun olet lisännyt muotoja, kuvakkeita tai tekstiä, saatat haluta ryhmitellä ne siirtääksesi tai muokataksesi niitä helposti. Voit valita elementit ja luoda ryhmän käyttämällä näppäinyhdistelmää Command + G (Mac) tai Ctrl + G (Windows).

Voit purkaa ne käyttämällä näppäinyhdistelmää Command + Shift + G (Mac) tai Ctrl + Shift + G (Windows).

Myös opastekniikassa

8. Lukitse ja avaa

Kun luot suunnittelua liian monta kerrosta ja komponentit, Figma-kankaasta voi tulla sinulle melko kiireinen. Näissä tilanteissa et halua siirtää mitään kuvaketta, tekstiä tai komponenttia vahingossa. Tällaisissa tapauksissa voit valita elementin ja lukita ne painamalla Command + Shift + L (Mac) tai Ctrl + Shift + L (Windows).

Sitä edustaa pieni lukkokuvake Tasot-valikossa. Avaa lukitus käyttämällä samaa pikanäppäintä.

9. Luo komponentteja

Komponentit ovat Figma-kokemuksen sydän ja sielu. Haluat ehkä käyttää samoja elementtejä uudelleen koko suunnittelun käyttöliittymässä. Joitakin esimerkkejä voivat olla hampurilaisvalikko, alapalkkivalikko, painikkeet jne., joita haluat käyttää uudelleen myös muilla näytöillä.

Voit ryhmitellä kuvakkeet ja tekstin Ryhmittelytyökalulla ja sitten käyttää Optio + Komento + K (Mac) tai Ctrl + Alt + K (Windows) luodaksesi komponentin. Siirry nyt niihin Komponentit-valikosta (tarkistus 4).

10. Näytä tiimikirjasto

Tiesitkö, että Figmaa kutsutaan myös suunnitteluteollisuuden Google Docsiksi? Ohjelmiston mukana tulee saumattomat jakamisvaihtoehdot, joiden avulla voit lisätä muokkaajia tiimiin.

Isoissa projekteissa jokaiselle tiimin jäsenelle annetaan oma suunnittelutehtävä. Kun luot suunnittelua ryhmässä, sinun kannattaa käydä Team-kirjastossa, joka koostuu jäsenten yhteisistä komponenteista ja kuvakkeista. Voit avata valikon painamalla Komento + Optio + O Macissa tai Ctrl + Alt + O Windowsissa avataksesi tiimikirjaston valikon.

11. Vie suunnittelu

Suunnittelun valmistumisen jälkeen kannattaa ehkä käyttää vientivaihtoehtoa ikonien ja kuvien poimimiseen suunnittelusta, jotta voit lähettää ne kehittäjille niiden toteuttamista varten. Voit valita tason ja viedä tiedot käyttämällä Komento + Vaihto + E (Mac) tai Control + Vaihto + E (Windows).

Myös opastekniikassa

Käytä Figmaa kuin ammattia

Figma on erinomainen työkalu UI/UX-suunnittelijoille. Se on ilmainen aloittelijoille, mahdollistaa jakamisen, ja mukana tulee paljon pikanäppäimiä sujuvan työnkulun mahdollistamiseksi. Ota nämä pikanäppäimet työnkulkuusi käyttöön ja luo kauniita käyttöliittymämalleja kuin ammattilainen.