Teiesugused lugejad aitavad MUO-d toetada. Kui teete ostu meie saidil olevate linkide abil, võime teenida sidusettevõtte komisjonitasu. Loe rohkem.

Figma on jõuline disainitööriist ja enamiku UX/UI disainerite esimene valik disainiprogrammina. Saate Figmas palju luua ja seda on lihtne õppida.

Disaineritena soovime sageli aega säästa, seega kulutame oma väärtuslikke tunde heade tööde tegemisele, mitte menüüdes traalemisele. Koostasime loendi kasulikest Figma otseteedest, mis lihtsustavad teie töövoogu.

See lihtne ühe klahviga otsetee on kiire viis üksuste skaleerimiseks. Lööge K klahvi, seejärel valige objekt, mille suurust peate muutma. Kõik, mida pead tegema, on klõpsata ja lohistada ühte kinnituspunkti ning teie objekt jääb mõõtkavasse, muutes samal ajal soovitud suurust.

Raami tööriist on Figmas laialdaselt kasutatav tööriist prototüüpide kujunduste jaoks mitme raamiplaadi loomisel. Löömine F klaviatuuril kuvab tööriista ühe puudutusega, võimaldades teil raami kiiresti joonistada või suurust muuta.

Saate joonistada raami otse, klõpsates ja lohistades kursorit, või kui tööriist Raam on valitud, võite sisestada soovitud suurused raami menüü paremal asuvatesse mõõtmete kastidesse.

3. Lülituge disaini- ja prototüübirežiimide vahel

The Shift + E otsetee võimaldab lülituda disainirežiimi ja prototüübi režiimi vahel. Sama otsetee töötab olenemata sellest, millisest režiimist käivitate ja lülitute. Vaadake meie Figma juhend algajatele et õppida nende režiimide erinevusi.

Alternatiivina on selleks konkreetsemad otseteed. Alt (Windows) / Võimalus (Mac) + 8 saab kasutada prototüübi režiimist disainirežiimi lülitumiseks Alt (Windows) / Võimalus (Mac) + 9 lülitub disainirežiimist tagasi prototüübi režiimi. Ilmselgelt Shift + E on lihtsam, kuid on tore, et on valikuvõimalusi.

4. Valige ühe klõpsuga sisemine element (sügav valik)

Mitmes kihis või manustatud piltidega kujundamisel võib ühe elemendi kiire valimine olla keeruline. Kui soovite säästa aega, kui klõpsate kõige alumise kihi valimiseks kümmekond korda, kasutage selle asemel seda otseteed.

Macis hoidke Cmd + Klõpsake element ja Windowsis Ctrl + Klõpsake. Üks lihtne klahv säästab minuteid arutu klõpsamisest alumise kihi elemendi valimiseks.

5. Pärast sisemise elemendi valimist liigutage tase välja

Kui olete oma kujunduse sisemise elemendi valinud, võite aru saada, et soovite valida ühe taseme võrra lähemal asuva elemendi – see on lihtne. Kui olete leidnud sisemise elemendi, vajutage Shift + Sisenema taseme võrra tagasi liikumiseks. Saate seda teha kõigil tasanditel.

6. Ahenda kõik kihid

Figmas kujundades hakkab teie kihtide paneel laienema ja võib tunduda pisut räpane, eriti kui teisendada HTML-i Figma kujunduseks. Kihtide ahendamiseks vajutage lihtsalt Alt + L (Windows) või Võimalus + L (Mac).

Kui olete selle otsetee kasutamise ajal elemendi valinud, jääb selle elemendiga kiht avatuks. Kõigi elementide valiku tühistamiseks valige suvaline koht joonistusplaadil ja kasutage kõigi kihtide ahendamiseks otseteed.

7. Näita või peida paigutusruudustikud

Paigutusruudustiku kasutamine on parim viis tagada, et teie kujundus vastab teatud proportsioonidele ja suudab erinevate seadmete jaoks õigesti skaleerida. Kuigi need on kasulikud, ei taha te alati, et ruudud kuvatakse.

Paigutuse ruudustiku sisse- ja väljalülitamine erineb Macis ja Windowsis. Macis vajuta Ctrl + G selle sisse või välja lülitamiseks. Kui kasutate Windowsi, on see kolme klahviga otsetee; Ctrl + Shift + 4. Nad on erinevad, kuid teevad sama asja.

8. Asetage mitu fotot korraga

Kui olete kujundanud oma piltide jaoks valmis kohahoidjate kujunditega paigutuse, võib piltide ükshaaval sisestamine olla masendav. See otsetee võimaldab teil paigutada mitu fotot ja valida iga üksiku foto paigutamiseks lihtsalt kohahoidja – või suvalises kohas oma joonistahvlil.

Maci kasutajatele klõpsake nuppu Cmd + Shift + K piltide leidmiseks dialoogiakna avamiseks. Windowsis on see Ctrl + Shift + K et saaksite oma Figma kujundusse leida ja paigutada mitu fotot. Kui sa looge Figmas põhimall, see on suurepärane otsetee kasutamiseks.

9. Kopeerige mis tahes pilt PNG-vormingus

Kui kasutate oma Figma kujunduses pilte, võib teil olla mitmesuguseid failivorminguid, kuid võib-olla vajab teie klient PNG-sid. Saate kopeerida mis tahes pildi PNG-vormingus, olenemata selle päritoluvormingust.

Vali oma valitud pilt ja vajuta Cmd + Shift + C Macis ja Ctrl + Shift + C Windowsis, et see PNG-vormingus kopeerida. Seda otseteed saate hõlpsalt kasutada kvaliteetse pildivormingu tagamiseks, eriti kui olete esitluste loomine Figma abil.

10. Silmatilk värviga kõikjalt

Värvi silmapilgutamine on mugav funktsioon, kui võtate värvi ühest kujundusosast teise. See kiire klaviatuuri otsetee võimaldab teil tõmmata tilguti sekundiga üles ja valida värvi kõikjalt oma joonistustahvlilt.

Macis vajuta Ctrl + Cja Windowsis on see täheklahv I. Kui olete vajutanud klaviatuuri otseteid, liigutage tilguti sihtmärki soovitud värvi kohale ja klõpsake värvi valimiseks üks kord.

11. Avage vahekaart Ressursid

Vahekaart Ressursid on koduks menüüdele Komponendid, Pluginad ja Vidinad. Kuigi nende menüüde eraldi avamiseks pole otseteid, säästab otsetee Ressursid siiski veidi aega. Shift + I. Sa saad kasutage oma Figma kujundustele makettide loomiseks ja lisamiseks pistikprogramme.

Säästke aega Figma otseteede abil

Disainerid kasutavad oma töös tavaliselt otseteid, et säästa aega ja energiat ning Figmas töötamine ei erine sellest. Need Figma otseteed kriimustavad ainult nende otseteede pinda, mida saate programmis kasutada.

Need otseteed pole ilmselged ega kergesti leitavad, nii et viige oma uued õpingud Figmasse ja nautige teavet, mille väljaselgitamiseks kulub paljudel disaineritel kuid või aastaid.