Figma is een krachtige ontwerptool en is de eerste keuze van de meeste UX/UI-ontwerpers als ontwerpprogramma. Je kunt zoveel creëren binnen Figma, en het is een eenvoudig programma om te leren.
Als ontwerpers willen we vaak tijd besparen, dus besteden we onze kostbare uren aan het maken van goed werk in plaats van door menu's te bladeren. We hebben een lijst samengesteld met handige Figma-snelkoppelingen die uw workflow zullen stroomlijnen.
Deze eenvoudige snelkoppeling met één toets is een snelle manier om uw items te schalen. Druk op de K toets en selecteer vervolgens het object waarvan u het formaat wilt wijzigen. Het enige dat u hoeft te doen, is één ankerpunt klikken en slepen en uw object blijft op schaal terwijl u het formaat wijzigt naar wat u maar wilt.
De Frame-tool is een veelgebruikte tool in Figma bij het maken van meerdere frameborden voor prototypeontwerpen. slaan
F op je toetsenbord verschijnt de tool met één tik, zodat je snel je frame kunt tekenen of de grootte ervan kunt aanpassen.U kunt het kader direct tekenen door met uw cursor te klikken en te slepen, of zodra het gereedschap Kader is geselecteerd, kunt u de gewenste afmetingen typen in de dimensievakken in het kadermenu aan de rechterkant.
3. Schakel tussen de ontwerp- en prototypemodus
De Verschuiving + E Met de snelkoppeling kunt u schakelen tussen de ontwerpmodus en de prototypemodus. Dezelfde snelkoppeling werkt ongeacht vanuit welke modus u start en waarnaar u overschakelt. Zie onze beginnersgids voor Figma om de verschillen tussen deze modi te leren kennen.
Als alternatief zijn er meer specifieke snelkoppelingen voor dit doel. alt (Ramen) / Keuze (Mac) + 8 kan worden gebruikt om over te schakelen van de prototypemodus naar de ontwerpmodus, terwijl alt (Ramen) / Keuze (Mac) + 9 schakelt van Ontwerpmodus terug naar Prototypemodus. Blijkbaar, Verschuiving + E is eenvoudiger, maar het is leuk om opties te hebben.
4. Selecteer het binnenste element met één klik (Deep Select)
Bij ontwerpen in meerdere lagen of met ingesloten afbeeldingen kan het moeilijk zijn om snel één element te selecteren. Gebruik in plaats daarvan deze snelkoppeling om tijd te besparen door te klikken op wat voelt als een dozijn keer om uw onderste laag te selecteren.
Wacht even op een Mac Cmd + Klik het element, en op Windows, Ctrl + Klik. Eén simpele toets bespaart minuten van hersenloos klikken om een element op de onderste laag te selecteren.
5. Ga een niveau verder nadat je het binnenste element hebt geselecteerd
Als je eenmaal het binnenste element van je ontwerp hebt geselecteerd, realiseer je je misschien dat je een element een niveau dichterbij wilt selecteren - eenvoudig. Zodra je het binnenste element hebt gevonden, druk je op Verschuiving + Binnenkomen om een niveau terug te gaan. Je kunt dit voor alle niveaus doen.
6. Alle lagen samenvouwen
Wanneer u ontwerpt in Figma, begint uw lagenpaneel uit te breiden en ziet het er mogelijk een beetje rommelig uit, vooral wanneer u converteer HTML naar een Figma-ontwerp. Om je lagen samen te vouwen, druk je gewoon op alt + L (Windows) of Keuze + L (Mac).
Als u een element hebt geselecteerd terwijl u deze snelkoppeling gebruikt, blijft de laag met dat element open. Selecteer ergens buiten het tekengebied om alle elementen te deselecteren en gebruik de snelkoppeling om alle lagen samen te vouwen.
7. Toon of verberg lay-outrasters
Het gebruik van lay-outrasters is de beste manier om ervoor te zorgen dat uw ontwerp bepaalde verhoudingen bereikt en correct kan worden geschaald voor verschillende apparaten. Hoewel ze nuttig zijn, wil je niet altijd dat de rasters worden weergegeven.
Het in- en uitschakelen van lay-outrasters is anders op een Mac dan op Windows. Op een Mac, klik Ctrl + G om het aan of uit te zetten. Als u Windows gebruikt, is dit een snelkoppeling met drie toetsen; Ctrl + Verschuiving + 4. Ze zijn anders, maar ze doen hetzelfde.
8. Plaats meerdere foto's tegelijk
Als je een lay-out hebt ontworpen met plaatsaanduidingsvormen die klaar zijn voor je afbeeldingen, kan het frustrerend zijn om de afbeeldingen een voor een in te voegen. Met deze snelkoppeling kunt u meerdere foto's plaatsen en eenvoudig de tijdelijke aanduiding selecteren - of ergens anders op uw tekengebied - om elke afzonderlijke foto te plaatsen.
Voor Mac-gebruikers, hit Cmd + Verschuiving + K om het dialoogvenster te openen om uw afbeeldingen te vinden. Op Windows is dat zo Ctrl + Verschuiving + K zodat u meerdere foto's in uw Figma-ontwerp kunt vinden en plaatsen. als jij maak een hoofdsjabloon in Figma, dit is een geweldige snelkoppeling om te gebruiken.
9. Kopieer elke afbeelding als een PNG
Wanneer u afbeeldingen in uw Figma-ontwerp gebruikt, heeft u mogelijk een assortiment aan bestandsindelingen, maar misschien heeft uw klant PNG's nodig. U kunt elke afbeelding als PNG kopiëren, ongeacht het oorspronkelijke formaat.
Selecteer je gekozen afbeelding en klik Cmd + Verschuiving + C op Mac en Ctrl + Verschuiving + C op Windows om het als een PNG te kopiëren. U kunt deze snelkoppeling eenvoudig gebruiken om een afbeeldingsindeling van hoge kwaliteit te garanderen, vooral als u dat bent presentaties maken met Figma.
10. Eyedrop een kleur van overal
Een kleur in de ogen laten vallen is een handige functie wanneer u een kleur van het ene deel van uw ontwerp naar het andere overbrengt. Met deze snelle sneltoets kunt u de pipet in een oogwenk omhoog trekken en een kleurmonster nemen vanaf elke plek in uw tekengebied.
Op Mac, klik Ctrl + C, en op Windows is dit de lettertoets I. Nadat u op de sneltoetsen op het toetsenbord hebt gedrukt, verplaatst u het pipetdoel over de kleur die u wilt gebruiken en klikt u eenmaal om de kleur te swatchen.
11. Open het tabblad Bronnen
Het tabblad Bronnen is de thuisbasis van de menu's Componenten, Plug-ins en Widgets. Hoewel er geen snelkoppelingen zijn om die menu's afzonderlijk te openen, bespaart de snelkoppeling Resources toch wat tijd: Verschuiving + I. Jij kan gebruik plug-ins om mockups te maken en toe te voegen aan uw Figma-ontwerpen.
Bespaar tijd met Figma-snelkoppelingen
Ontwerpers gebruiken meestal snelkoppelingen in hun werk om tijd en energie te besparen, en werken in Figma is niet anders. Deze Figma-snelkoppelingen krassen alleen op het oppervlak van de snelkoppelingen die u in het programma kunt gebruiken.
Deze snelkoppelingen zijn niet voor de hand liggend of gemakkelijk te vinden, dus neem je nieuwe lessen mee naar Figma en geniet van de informatie waar veel ontwerpers maanden of jaren over doen om erachter te komen.
