Figma er et kraftfullt designverktøy og er de fleste UX/UI-designers førstevalg som designprogram. Du kan lage så mye i Figma, og det er et enkelt program å lære.
Som designere er vi ofte ute etter å spare tid, så vi bruker våre dyrebare timer på å lage godt arbeid i stedet for å tråle gjennom menyer. Vi har samlet en liste over nyttige Figma-snarveier som vil strømlinjeforme arbeidsflyten din.
Denne enkle en-tasts snarveien er en rask måte å skalere varene dine på. Slå den K tasten, og velg deretter objektet du vil endre størrelsen på. Alt du trenger å gjøre er å klikke og dra ett ankerpunkt, og objektet ditt forblir i skala mens du endrer størrelsen til det du vil ha det til.
Rammeverktøyet er et mye brukt verktøy i Figma når du lager flere rammebrett for prototypedesign. Treffer F på tastaturet viser verktøyet med ett trykk, slik at du raskt kan tegne eller dimensjonere rammen.
Du kan tegne rammen direkte ved å klikke og dra markøren, eller når rammeverktøyet er valgt, kan du skrive inn de tiltenkte størrelsene i dimensjonsboksene på rammemenyen til høyre.
3. Bytt mellom design- og prototypemodus
De Skifte + E snarvei lar deg bytte mellom designmodus og prototypemodus. Den samme snarveien fungerer uavhengig av hvilken modus du starter fra og bytter til. Se vår nybegynnerguide til Figma for å lære forskjellene mellom disse modusene.
Alternativt finnes det mer spesifikke snarveier for dette formålet. Alt (Windows) / Alternativ (Mac) + 8 kan brukes til å bytte fra Prototype-modus til Design-modus, mens Alt (Windows) / Alternativ (Mac) + 9 bytter fra designmodus tilbake til prototypemodus. Åpenbart, Skifte + E er enklere, men det er fint å ha alternativer.
4. Velg det innerste elementet med ett klikk (Deep Select)
Når du designer i flere lag eller med innebygde bilder, kan det være vanskelig å velge ett element raskt. For å spare tid ved å klikke på det som føles som et dusin ganger for å velge det nederste laget ditt, bruk denne snarveien i stedet.
Hold inne på en Mac Cmd + Klikk elementet, og på Windows, Ctrl + Klikk. En enkel tast sparer minutter med tankeløs klikking for å velge et bunnlagselement.
5. Flytt ut et nivå etter å ha valgt det innerste elementet
Når du har oppnådd å velge det innerste elementet i designet ditt, innser du kanskje at du ønsket å velge et element ett nivå nærmere – enkelt. Når du har funnet det innerste elementet, trykk Skifte + Tast inn å flytte tilbake et nivå. Du kan gjøre dette for alle nivåer.
6. Skjul alle lag
Når du designer i Figma, vil lagpanelet ditt begynne å utvide seg og potensielt se litt rotete ut, spesielt når du konverter HTML til et Figma-design. For å skjule lagene dine, trykk ganske enkelt Alt + L (Windows) eller Alternativ + L (Mac).
Hvis du har valgt et element mens du bruker denne snarveien, vil laget med det elementet forbli åpent. Velg hvor som helst utenfor tegnebrettet for å fjerne markeringen av alle elementer og bruk snarveien for å skjule alle lag.
7. Vis eller skjul layoutrutenett
Å bruke layoutrutenett er den beste måten å sikre at designet ditt treffer visse proporsjoner og kan skaleres riktig for ulike enheter. Selv om de er nyttige, vil du ikke alltid at rutenettene skal vises.
Slå av og på layoutrutenett er annerledes på en Mac enn på Windows. På en Mac, trykk Ctrl + G for å slå den på eller av. Hvis du bruker Windows, er det en snarvei med tre taster; Ctrl + Skifte + 4. De er forskjellige, men de gjør det samme.
8. Plasser flere bilder samtidig
Hvis du har designet et oppsett med plassholderformer klare for bildene dine, kan det være frustrerende å sette inn bildene ett etter ett. Denne snarveien lar deg plassere flere bilder og ganske enkelt velge plassholderen – eller hvor som helst på tegnebrettet – for å plassere hvert enkelt bilde.
For Mac-brukere, trykk Cmd + Skifte + K for å trekke opp dialogvinduet for å finne bildene dine. På Windows er det Ctrl + Skifte + K slik at du kan finne og plassere flere bilder i ditt Figma-design. Hvis du lage en mastermal i Figma, dette er en flott snarvei å bruke.
9. Kopier et hvilket som helst bilde som en PNG
Når du bruker bilder i Figma-designet ditt, kan du ha et utvalg av filformater, men kanskje klienten din krever PNG-er. Du kan kopiere et hvilket som helst bilde som en PNG, uavhengig av opprinnelsesformatet.
Velg ditt valgte bilde og trykk Cmd + Skifte + C på Mac og Ctrl + Skifte + C på Windows for å kopiere den som en PNG. Du kan enkelt bruke denne snarveien for å sikre et bildeformat av høy standard, spesielt hvis du er det lage presentasjoner med Figma.
10. Eyedrop en farge fra hvor som helst
Å droppe en farge er en praktisk funksjon når du tar en farge fra en del av designet til en annen. Denne raske tastatursnarveien lar deg trekke opp pipetten på et sekund og prøve en farge fra hvor som helst på tegnebrettet.
På Mac, trykk Ctrl + C, og på Windows er det bokstavtasten Jeg. Når du har trykket på hurtigtastene, flytter du pipettemålet over fargen du vil bruke, og klikker én gang for å prøve fargen.
11. Åpne fanen Ressurser
Ressurser-fanen er hjemmet til menyene Components, Plugins og Widgets. Selv om det ikke finnes snarveier for å åpne disse menyene individuelt, sparer ressurssnarveien fortsatt litt tid: Skifte + Jeg. Du kan bruk plugins for å lage og legge til mockups til Figma-designene dine.
Spar tid med Figma-snarveier
Designere bruker vanligvis snarveier i arbeidet for å spare tid og energi, og det er ikke annerledes å jobbe i Figma. Disse Figma-snarveiene skraper bare overflaten av snarveiene du kan bruke i programmet.
Disse snarveiene er ikke åpenbare eller lett å finne, så ta med den nye lærdommen din til Figma og nyt informasjonen som mange designere bruker måneder eller år på å finne ut av.
