Top 11 Figma-sneltoetsen voor Windows en Mac
Diversen / / November 29, 2021
Figma wint steeds meer terrein in de ontwerpruimte. Sketch-software domineert meestal de UI / UX-ontwerpindustrie. Maar het laatste aanbod van Adobe (Adobe XD) en Figma met flexibele prijzen, naadloos delen en platformonafhankelijke beschikbaarheid veranderen de vergelijking voor de UI/UX-ontwerpers die er zijn.
De beschikbaarheid van Figma op internet, Windows en macOS, in combinatie met het uitstekende startersplan (3 projecten en 2 editors), maakt het een ideale keuze voor het ontwerpen, prototypen en beheersen van UI-ontwerpvaardigheden. Het bedrijf onlangs heeft er langverwachte ondersteuning voor plug-ins voor geïntroduceerd. Als je nieuw bent in de UI/UX-ontwerpruimte en je reis begint met Figma, dan wil je misschien een aantal essentiële Figma-sneltoetsen voor Windows en Mac onthouden.
In dit bericht zullen we elf beste Figma-sneltoetsen behandelen die u op een Windows-pc en Mac kunt gebruiken. Laten we beginnen.
Bezoek Figma
1. Master Zoom-mogelijkheden
U kunt Figma of andere UI / UX-ontwerpsoftware niet gebruiken zonder de Zoom-sneltoetsen onder de knie te krijgen. Dit zijn de meest gebruikte sneltoetsen tijdens uw workflow.
Voor Windows en Mac kunt u Shift + 1 gebruiken om de lagen op het scherm aan te passen. Shift + 2 om in te zoomen op het geselecteerde frame (mijn meest gebruikte sneltoets omdat ik hiermee snel de details van het geselecteerde onderdeel kan bekijken) en Shift + 0 om 100% in te zoomen.
2. Linialen tonen/verbergen en lay-outrasters tonen/verbergen
Ik gebruik over het algemeen geen linialen in Figma, maar als je van plan bent ze te gebruiken tijdens het ontwerp van de gebruikersinterface, dan kun je de Shift + R-sneltoets op pc of Mac gebruiken om linialen te tonen/verbergen.
Ik gebruik altijd Layout Grids. Hiermee kunt u de componenten, pictogrammen met dezelfde afstand rangschikken, kunt u de tekst en andere elementen ordenen. Gebruik de sneltoets Control + G op de Mac om lay-outrasters te tonen/verbergen.
Ook over Guiding Tech
3. Gereedschap Pen, Verplaatsen en Tekst
Figma biedt een krachtige en aanpasbare Pen-tool. Je zult begrijpen wat ik bedoel nadat je er een paar minuten mee hebt gespeeld. Tijdens je ontwerpworkflow zul je deze drie tools vrij veel gebruiken.
Je kunt ze altijd kiezen in het hoofdmenu of de P-toetsaanslag voor Pen, V voor Verplaatsen en T voor Tekst gebruiken op Windows en Mac.
4. Verplaatsen tussen lagen en componenten
Deze twee sneltoetsen zijn best handig wanneer u werkt aan een ontwerpproject met te veel lagen en componenten. Het kan nodig zijn om constant tussen hen te wisselen. U kunt Option + 1 voor Mac of Alt + 1 voor Windows gebruiken om naar het lagenpaneel te gaan. Gebruik vervolgens Option + 2 voor Mac of Alt + 2 voor Windows om naar het menu Componenten te gaan.
5. Kleurkiezer openen
Deze functie is handig als u kleur wilt extraheren uit een afbeelding of pictogram of een ander onderdeel. U kunt de sneltoets 'I' op Mac of Windows gebruiken om de kleurkiezer te openen. Beweeg de kleurkiezer over een afbeelding of pictogram en kopieer de kleurcode van de kleur kiezer menu.
6. Kopieer/plak huidige stijl
Deze is een echte tijdsbesparing. Wil je snel de huidige kleur/design van een component naar een andere tekst of icoon kopiëren? U kunt het huidige element selecteren en Option + Command + C voor Mac of Ctrl + Shift + C voor Windows gebruiken om de stijl te kopiëren. Selecteer nu het andere element en gebruik de Option + Command + V voor Mac of Ctrl + Shift + V voor Windows om de stijl te plakken.
7. Selectie groeperen/groeperen
Groeperen en degroeperen is een van de belangrijkste onderdelen van elke ontwerpsoftware. Nadat u vormen, pictogrammen en tekst hebt toegevoegd, wilt u ze misschien groeperen om ze gemakkelijk te kunnen verplaatsen of wijzigen. U kunt de elementen selecteren en Command + G voor Mac of Ctrl + G voor Windows gebruiken om een groep te maken.
Om ze te degroeperen, gebruikt u Command + Shift + G voor Mac of Ctrl + Shift + G voor Windows.
Ook over Guiding Tech
8. Toggle Vergrendelen en ontgrendelen
Wanneer u een ontwerp maakt met te veel lagen en componenten, kan het Figma-canvas behoorlijk druk voor je worden. In deze scenario's wilt u niet per ongeluk een pictogram, tekst of onderdeel verplaatsen. In dergelijke gevallen kunt u het element selecteren en Command + Shift + L voor Mac of Ctrl + Shift + L voor Windows gebruiken om ze te vergrendelen.
Het wordt weergegeven door een klein slotpictogram in het menu Lagen. Gebruik dezelfde sneltoets om te ontgrendelen.
9. Componenten maken
Componenten vormen het hart en de ziel van de Figma-ervaring. Misschien wilt u dezelfde elementen opnieuw gebruiken in de ontwerp-UI. Enkele voorbeelden zijn een hamburgermenu, menu in de onderste balk, knoppen, enz., die u ook voor andere schermen wilt gebruiken.
U kunt de pictogrammen en tekst groeperen met het gereedschap Groeperen en vervolgens Option + Command + K voor Mac of Ctrl + Alt + K voor Windows gebruiken om een onderdeel te maken. Open ze nu vanuit het menu Componenten (controleren #4).
10. Teambibliotheek weergeven
Weet je dat Figma ook wel de Google Docs van de ontwerpindustrie wordt genoemd? De software wordt geleverd met naadloze opties voor delen waarmee u editors aan het team kunt toevoegen.
Bij grote projecten krijgt elk teamlid een aparte ontwerptaak. Als je het ontwerp in een groep maakt, wil je misschien de teambibliotheek bezoeken, die bestaat uit gemeenschappelijke componenten en pictogrammen onder de leden. U kunt het menu openen met Command + Option + O op Mac of Ctrl + Alt + O op Windows om het teambibliotheekmenu te openen.
11. Ontwerp exporteren
Nadat u klaar bent met het ontwerp, wilt u misschien de exportoptie gebruiken om pictogrammen en afbeeldingen uit het ontwerp te extraheren, zodat u deze naar ontwikkelaars kunt sturen om ze te implementeren. U kunt de laag selecteren en Command + Shift + E voor Mac of Control + Shift + E voor Windows gebruiken om de details te exporteren.
Ook over Guiding Tech
Gebruik Figma als een professional
Figma is een uitstekende tool voor UI/UX-ontwerpers. Het is gratis voor beginners, maakt delen mogelijk en wordt geleverd met talloze sneltoetsen voor een soepele workflow. Implementeer deze sneltoetsen in uw workflow en creëer prachtige UI-ontwerpen als een professional.
Volgende: Canva en Crello zijn twee van de beste ontwerptools om posters en flyers te maken. Lees de vergelijking hieronder om de beste keuze voor jou te vinden.