Figma er et kraftfuldt designværktøj og er de fleste UX/UI-designeres førstevalg som designprogram. Du kan skabe så meget i Figma, og det er et nemt program at lære.
Som designere søger vi ofte at spare tid, så vi bruger vores dyrebare timer på at skabe godt arbejde i stedet for at gennemtrawle menuer. Vi har samlet en liste over nyttige Figma-genveje, der vil strømline din arbejdsgang.
Denne enkle genvej med én tast er en hurtig måde at skalere dine varer på. Tryk på K tast, og vælg derefter det objekt, du skal ændre størrelsen på. Alt du skal gøre er at klikke og trække et ankerpunkt, og dit objekt forbliver i skala, mens du ændrer størrelsen til det, du skal have det.
Rammeværktøjet er et meget brugt værktøj i Figma, når du laver flere rammeplader til prototypedesign. Slår F på dit tastatur bringer værktøjet frem med et enkelt tryk, så du hurtigt kan tegne eller dimensionere din ramme.
Du kan tegne rammen direkte ved at klikke og trække markøren, eller når rammeværktøjet er valgt, kan du indtaste dine tilsigtede størrelser i dimensionsfelterne i rammemenuen til højre.
3. Skift mellem design- og prototypetilstande
Det Flytte + E genvej giver dig mulighed for at skifte mellem designtilstand og prototypetilstand. Den samme genvej virker uanset hvilken tilstand du starter fra og skifter til. Se vores begynderguide til Figma at lære forskellene mellem disse tilstande.
Alternativt er der mere specifikke genveje til dette formål. Alt (Windows) / Mulighed (Mac) + 8 kan bruges til at skifte fra prototypetilstand til designtilstand, mens Alt (Windows) / Mulighed (Mac) + 9 skifter fra designtilstand tilbage til prototypetilstand. Naturligvis, Flytte + E er nemmere, men det er rart at have muligheder.
4. Vælg det inderste element med ét klik (dybt valg)
Når du designer i flere lag eller med indlejrede billeder, kan det være svært at vælge ét element hurtigt. For at spare tid ved at klikke på, hvad der føles som et dusin gange for at vælge dit nederste lag, skal du bruge denne genvej i stedet for.
Hold nede på en Mac Cmd + Klik elementet, og på Windows, Ctrl + Klik. Én simpel tast sparer minutter af tankeløst klik for at vælge et bundlagselement.
5. Flyt et niveau ud efter at have valgt det inderste element
Når du har opnået at vælge det inderste element i dit design, vil du måske indse, at du gerne ville vælge et element et niveau nærmere - nemt. Når du har fundet det inderste element, skal du trykke Flytte + Gå ind at flytte et niveau tilbage. Du kan gøre dette for alle niveauer.
6. Skjul alle lag
Når du designer i Figma, vil dit lagpanel begynde at udvide sig og potentielt se lidt rodet ud, især når du konverter HTML til et Figma-design. For at skjule dine lag skal du blot trykke Alt + L (Windows) eller Mulighed + L (Mac).
Hvis du har valgt et element, mens du bruger denne genvej, forbliver laget med det pågældende element åbent. Vælg hvor som helst fra tegnebrættet for at fravælge alle elementer, og brug genvejen til at skjule alle lag.
7. Vis eller skjul layoutgitter
Brug af layoutgitter er den bedste måde at sikre, at dit design rammer bestemte proportioner og kan skaleres korrekt til forskellige enheder. Selvom de er nyttige, ønsker du ikke altid, at gitterne skal vises.
Slå layoutgitter til og fra er anderledes på en Mac end på Windows. På en Mac, tryk Ctrl + G for at slå det til eller fra. Hvis du bruger Windows, er det en genvej med tre taster; Ctrl + Flytte + 4. De er forskellige, men de gør det samme.
8. Placer flere billeder på én gang
Hvis du har designet et layout med pladsholderformer klar til dine billeder, kan det være frustrerende at indsætte billederne et efter et. Denne genvej giver dig mulighed for at placere flere billeder og blot vælge pladsholderen – eller hvor som helst på dit tegnebræt – for at placere hvert enkelt foto.
For Mac-brugere, tryk Cmd + Flytte + K for at trække dialogvinduet op for at finde dine billeder. På Windows er det Ctrl + Flytte + K for at du kan finde og placere flere billeder i dit Figma-design. hvis du oprette en masterskabelon i Figma, dette er en fantastisk genvej at bruge.
9. Kopier ethvert billede som en PNG
Når du bruger billeder i dit Figma-design, har du måske et udvalg af filformater, men måske kræver din klient PNG'er. Du kan kopiere ethvert billede som en PNG, uanset dets oprindelsesformat.
Vælg dit valgte billede og tryk Cmd + Flytte + C på Mac og Ctrl + Flytte + C på Windows for at kopiere det som en PNG. Du kan nemt bruge denne genvej til at sikre et billedformat af høj standard, især hvis du er det skabe præsentationer med Figma.
10. Eyedrop en farve fra hvor som helst
At droppe en farve er en praktisk funktion, når du tager en farve fra en del af dit design til en anden. Denne hurtige tastaturgenvej lader dig trække pipetten op på et sekund og prøve en farve hvor som helst på dit tegnebræt.
På Mac, tryk Ctrl + C, og på Windows er det bogstavtasten jeg. Når du har ramt tastaturgenvejene, skal du flytte pipetten hen over den farve, du vil bruge, og klikke én gang for at prøve farven.
11. Åbn fanen Ressourcer
Fanen Ressourcer er hjemsted for menuerne Komponenter, Plugins og Widgets. Selvom der ikke er genveje til at åbne disse menuer individuelt, sparer genvejen Ressourcer stadig noget tid: Flytte + jeg. Du kan brug plugins til at oprette og tilføje mockups til dine Figma-designs.
Spar tid med Figma-genveje
Designere bruger typisk genveje i deres arbejde for at spare tid og energi, og arbejdet i Figma er ikke anderledes. Disse Figma-genveje ridser kun overfladen af de genveje, du kan bruge i programmet.
Disse genveje er ikke indlysende eller nemme at finde, så tag dine nye erfaringer med til Figma og nyd den information, som mange designere tager måneder eller år at finde ud af.
