Top 11 Figma-tastaturgenveje til Windows og Mac
Miscellanea / / November 29, 2021
Figma har vundet indpas i designrummet. Sketch-software dominerer for det meste UI/UX-designindustrien. Men de seneste tilbud af Adobe (Adobe XD) og Figma med fleksible priser, problemfri deling og tilgængelighed på tværs af platforme ændrer ligningen for UI/UX-designerne derude.
![Design](/f/b2a701a4e9c71dc4cc4ad02ae4aaacaf.jpg)
Figmas tilgængelighed på web, Windows og macOS, kombineret med dens fremragende startplan (3 projekter og 2 redaktører), gør det til et ideelt valg til at designe, prototype og mestre UI-designfærdigheder. Virksomheden for nylig introducerede længe ventet Plugins-understøttelse til det. Hvis du er ny til UI/UX-designrum og starter din rejse med Figma, vil du måske huske en masse vigtige Figma-tastaturgenveje til Windows og Mac.
I dette indlæg skal vi dække elleve bedste Figma-tastaturgenveje, som du kan bruge på en Windows-pc og Mac. Lad os komme igang.
Besøg Figma
1. Master Zoom-funktioner
Du kan ikke bruge Figma eller nogen UI/UX-designsoftware uden at mestre Zoom-tastaturgenvejene. Disse vil være de mest brugte tastaturgenveje under dit workflow.
![Zoom så den passer](/f/8a4386dff89ac3dd6a1be8ecc53d29fd.jpg)
For Windows og Mac kan du bruge Shift + 1 til at tilpasse lagene til skærmen. Skift + 2 for at zoome i den valgte ramme (min mest brugte tastaturgenvej, da den lader mig hurtigt se detaljerne for den valgte komponent), og Shift + 0 for at zoome 100 %.
2. Vis/skjul linealer og Vis/skjul layoutgitter
Jeg bruger generelt ikke Linealer i Figma, men hvis du planlægger at bruge dem under UI-designet, så kan du bruge Shift + R-tastaturgenvejen på PC eller Mac til at vise/skjule linealer.
![Figma layout gitter](/f/c84f0859501fcbe872ceab6c83957e06.jpg)
Jeg bruger Layout Grids hele tiden. Det lader dig arrangere komponenterne, ikoner med samme afstand, giver dig mulighed for at organisere teksten og andre elementer. Brug Control + G tastaturgenvej på Mac til at vise/skjule layoutgitter.
Også på Guiding Tech
3. Pen, Flyt og Tekstværktøj
Figma tilbyder et kraftfuldt og tilpasseligt penneværktøj. Du vil forstå, hvad jeg mener, når du har spillet med det i et par minutter. Under dit designworkflow vil du bruge disse tre værktøjer ret meget.
Du kan altid vælge dem fra topmenuen eller bruge P-tastetrykket for Pen, V for Move og T for Text-værktøjet på Windows og Mac.
4. Flyt mellem lag og komponenter
Disse to tastaturgenveje er ret praktiske, når du arbejder på et designprojekt med for mange lag og komponenter. Det kan være nødvendigt at flytte mellem dem konstant. Du kan bruge Option + 1 til Mac eller Alt + 1 til Windows for at flytte til lagpanelet. Brug derefter Option + 2 til Mac eller Alt + 2 til Windows for at gå til menuen Komponenter.
5. Åbn Farvevælger
Denne funktion er nyttig, når du vil udtrække farve fra et billede eller ikon eller en anden komponent. Du kan bruge 'I'-tastaturgenvejen på Mac eller Windows til at åbne farvevælgeren. Hold farvevælgeren over et billede eller ikon, og kopier farvekoden fra farvevælger menu.
![Farvevælger figma](/f/fa5d6fc43911d48ad8121b6c567f32a1.jpg)
6. Kopiér/indsæt aktuel stil
Denne er en reel tidsbesparende. Vil du hurtigt kopiere den aktuelle farve/design af en komponent til anden tekst eller ikon? Du kan vælge det aktuelle element og bruge Option + Kommando + C for Mac eller Ctrl + Shift + C for Windows for at kopiere dets stil. Vælg nu det andet element og brug Option + Kommando + V for Mac eller Ctrl + Shift + V for Windows for at indsætte stilen.
7. Gruppe/ophæve gruppevalg
Gruppering og ophævelse af gruppering er en af de vigtigste dele af enhver designsoftware. Når du har tilføjet figurer, ikoner, tekst, vil du måske gruppere dem for nemt at flytte eller ændre dem. Du kan vælge elementerne og bruge Kommando + G til Mac eller Ctrl + G for Windows til at oprette en gruppe.
![Gruppe figma](/f/8015a39d9eba831e90bb945a1f160f18.jpg)
For at ophæve grupperingen skal du bruge Kommando + Shift + G for Mac eller Ctrl + Shift + G for Windows.
Også på Guiding Tech
8. Skift mellem Lås og Lås op
Når du laver et design med for mange lag og komponenter, kan Figma-lærredet blive ret travlt for dig. I disse scenarier vil du ikke flytte noget ikon, tekst eller komponent ved et uheld. I sådanne tilfælde kan du vælge elementet og bruge Command + Shift + L for Mac eller Ctrl + Shift + L for Windows for at låse dem.
![Lås figma](/f/8ab19d7d0bf59f3b9b7a64f6e5be15dd.jpg)
Det er repræsenteret af et lille låseikon i menuen Lag. For at låse op skal du bruge den samme tastaturgenvej.
9. Opret komponenter
Komponenter er hjertet og sjælen i Figma-oplevelsen. Du ønsker måske at genbruge de samme elementer i hele designbrugergrænsefladen. Nogle eksempler kan være en hamburgermenu, menu på nederste bjælke, knapper osv., som du også vil genbruge til andre skærme.
![Komponenter figma](/f/8bd9319a220b39a38e99d3d8ae962786.jpg)
Du kan gruppere ikonerne og teksten ved hjælp af gruppeværktøjet og derefter bruge Option + Kommando + K for Mac eller Ctrl + Alt + K for Windows til at oprette en komponent. Få adgang til dem fra menuen Komponenter (Tjek #4).
10. Vis teambibliotek
Ved du, at Figma også betegnes som designindustriens Google Docs? Softwaren leveres med sømløse delingsmuligheder, der giver dig mulighed for at tilføje redaktører til teamet.
![Team bibliotek figma](/f/2e304fbae6246748cdb0d0dd5564957f.jpg)
For store projekter får hvert teammedlem en separat opgave til design. Mens du opretter designet i en gruppe, vil du måske besøge Team-biblioteket, som består af fælles komponenter og ikoner blandt medlemmerne. Du kan åbne menuen ved at bruge Kommando + Alternativ + O på Mac eller Ctrl + Alt + O på Windows for at åbne menuen for teambiblioteket.
11. Eksport design
Når du er færdig med designet, vil du måske bruge eksportmuligheden til at udtrække ikoner og billeder fra designet, så du kan sende dem til udviklere for at implementere dem. Du kan vælge laget og bruge Command + Shift + E for Mac eller Control + Shift + E for Windows til at eksportere detaljerne.
![Eksporter figma](/f/bd1b3346c442e505c417fa22ec205f2e.jpg)
Også på Guiding Tech
Brug Figma Like a Pro
Figma er et fremragende værktøj til UI/UX-designere. Det er gratis for begyndere, tillader deling og kommer med tonsvis af tastaturgenveje for at muliggøre en jævn arbejdsgang. Implementer disse tastaturgenveje til din arbejdsgang og skab smukke UI-design som en professionel.
Næste: Canva og Crello er to af de bedste designværktøjer til at lave plakater og flyers. Læs sammenligningen nedenfor for at finde det bedre valg for dig.