Top 11 Figma-Tastaturkürzel für Windows und Mac

Figma hat im Designbereich an Zugkraft gewonnen. Sketch-Software dominiert hauptsächlich die UI/UX-Designbranche. Aber die neuesten Angebote von Adobe (Adobe XD) und Figma mit flexiblen Preisen, nahtloser Freigabe und plattformübergreifender Verfügbarkeit verändern die Gleichung für die UI/UX-Designer da draußen.

Die Verfügbarkeit von Figma für Web, Windows und macOS, gepaart mit seinem ausgezeichneten Starter-Plan (3 Projekte und 2 Editoren), macht es zu einer idealen Wahl, um UI-Design-Fähigkeiten zu entwerfen, zu prototypieren und zu meistern. Das Unternehmen vor kurzem hat die lang erwartete Plugins-Unterstützung dafür eingeführt. Wenn Sie neu im UI/UX-Designbereich sind und Ihre Reise mit Figma beginnen, möchten Sie sich vielleicht eine Reihe wichtiger Figma-Tastaturkürzel für Windows und Mac merken.

In diesem Beitrag werden wir die elf besten Figma-Tastaturkürzel behandeln, die Sie auf einem Windows-PC und Mac verwenden können. Lass uns anfangen.

Besuchen Sie Figma

1. Master-Zoom-Funktionen

Sie können Figma oder eine andere UI/UX-Designsoftware nicht verwenden, ohne die Zoom-Tastaturkürzel zu beherrschen. Dies sind die am häufigsten verwendeten Tastenkombinationen während Ihres Workflows.

Unter Windows und Mac können Sie Umschalt + 1 verwenden, um die Ebenen an den Bildschirm anzupassen. Umschalt + 2 zum Vergrößern des ausgewählten Frames (mein am häufigsten verwendeter Tastaturbefehl, da ich damit schnell die Details der ausgewählten Komponente anzeigen kann) und Umschalt + 0 auf 100 % zoomen.

2. Lineale anzeigen/ausblenden und Layout-Raster anzeigen/ausblenden

Im Allgemeinen verwende ich keine Lineale in Figma, aber wenn Sie planen, sie während des UI-Designs zu verwenden, können Sie die Tastenkombination Umschalt + R auf dem PC oder Mac verwenden, um Lineale anzuzeigen / auszublenden.

Ich verwende ständig Layout-Raster. Sie können die Komponenten, Symbole mit demselben Abstand anordnen, den Text und andere Elemente organisieren. Verwenden Sie auf dem Mac die Tastenkombination Strg + G, um Layout-Raster anzuzeigen/auszublenden.

Auch auf Guiding Tech

3. Stift-, Verschiebe- und Textwerkzeug

Figma bietet ein leistungsstarkes und anpassbares Stiftwerkzeug. Sie werden verstehen, was ich meine, nachdem Sie ein paar Minuten damit gespielt haben. Während Ihres Design-Workflows werden Sie diese drei Tools ziemlich häufig verwenden.

Sie können sie jederzeit aus dem oberen Menü auswählen oder die Tastenkombination P für Stift, V für Verschieben und T für Text unter Windows und Mac verwenden.

4. Zwischen Ebenen und Komponenten wechseln

Diese beiden Tastenkombinationen sind sehr praktisch, wenn Sie an einem Designprojekt mit zu vielen Ebenen und Komponenten arbeiten. Möglicherweise müssen Sie ständig zwischen ihnen wechseln. Sie können Option + 1 für Mac oder Alt + 1 für Windows verwenden, um zum Ebenenbedienfeld zu wechseln. Verwenden Sie dann Option + 2 für Mac oder Alt + 2 für Windows, um zum Menü Komponenten zu gelangen.

5. Farbauswahl öffnen

Diese Funktion ist nützlich, wenn Sie Farbe aus einem Bild oder Symbol oder einer anderen Komponente extrahieren möchten. Sie können die Tastenkombination „I“ auf Mac oder Windows verwenden, um den Farbwähler zu öffnen. Bewegen Sie den Farbwähler über ein Bild oder Symbol und kopieren Sie den Farbcode aus dem Farbwähler Speisekarte.

6. Aktuellen Stil kopieren/einfügen

Dieser ist eine echte Zeitersparnis. Möchten Sie die aktuelle Farbe/das aktuelle Design einer Komponente schnell in einen anderen Text oder ein anderes Symbol kopieren? Sie können das aktuelle Element auswählen und Wahl + Befehl + C für Mac oder Strg + Umschalt + C für Windows verwenden, um seinen Stil zu kopieren. Wählen Sie nun das andere Element aus und verwenden Sie Wahl + Befehl + V für Mac oder Strg + Umschalt + V für Windows, um den Stil einzufügen.

7. Auswahl gruppieren/Gruppierung aufheben

Das Gruppieren und Aufheben der Gruppierung ist einer der wichtigsten Bestandteile jeder Design-Software. Nachdem Sie Formen, Symbole und Text hinzugefügt haben, möchten Sie sie möglicherweise gruppieren, um sie leicht zu verschieben oder zu ändern. Sie können die Elemente auswählen und mit Befehl + G für Mac oder Strg + G für Windows eine Gruppe erstellen.

Um die Gruppierung aufzuheben, verwenden Sie Befehl + Umschalt + G für Mac oder Strg + Umschalt + G für Windows.

Auch auf Guiding Tech

8. Sperren und Entsperren umschalten

Wenn Sie ein Design erstellen mit zu viele schichten und Komponenten kann die Figma-Leinwand für Sie ziemlich voll werden. In diesen Szenarien möchten Sie nicht versehentlich Symbole, Texte oder Komponenten verschieben. In solchen Fällen können Sie das Element auswählen und mit Befehl + Umschalt + L für Mac oder Strg + Umschalt + L für Windows sperren, um es zu sperren.

Es wird durch ein kleines Schlosssymbol im Ebenenmenü dargestellt. Verwenden Sie zum Entsperren dieselbe Tastenkombination.

9. Komponenten erstellen

Komponenten sind das Herz und die Seele des Figma-Erlebnisses. Möglicherweise möchten Sie dieselben Elemente in der gesamten Design-Benutzeroberfläche wiederverwenden. Einige Beispiele können ein Hamburger-Menü, ein Menü in der unteren Leiste, Schaltflächen usw. sein, die Sie auch für andere Bildschirme wiederverwenden möchten.

Sie können die Symbole und den Text mit dem Gruppieren-Tool gruppieren und dann Wahl + Befehl + K für Mac oder Strg + Alt + K für Windows verwenden, um eine Komponente zu erstellen. Greifen Sie nun über das Komponentenmenü darauf zu (Check #4).

10. Teambibliothek anzeigen

Wissen Sie, dass Figma auch als das Google Docs der Designbranche bezeichnet wird? Die Software wird mit nahtlosen Freigabeoptionen geliefert, mit denen Sie dem Team Redakteure hinzufügen können.

Bei großen Projekten bekommt jedes Teammitglied eine eigene Aufgabe für die Gestaltung. Beim Erstellen des Designs in einer Gruppe möchten Sie möglicherweise die Teambibliothek besuchen, die aus gemeinsamen Komponenten und Symbolen der Mitglieder besteht. Sie können das Menü öffnen, indem Sie Befehl + Wahl + O auf dem Mac oder Strg + Alt + O unter Windows verwenden, um das Teambibliotheksmenü zu öffnen.

11. Design exportieren

Nachdem Sie das Design fertiggestellt haben, möchten Sie möglicherweise die Exportoption verwenden, um Symbole und Bilder aus dem Design zu extrahieren, damit Sie diese an Entwickler senden können, um sie zu implementieren. Sie können die Ebene auswählen und Befehl + Umschalt + E für Mac oder Strg + Umschalt + E für Windows verwenden, um die Details zu exportieren.

Auch auf Guiding Tech

Verwenden Sie Figma wie ein Profi

Figma ist ein hervorragendes Werkzeug für UI/UX-Designer. Es ist für Anfänger kostenlos, ermöglicht das Teilen und wird mit unzähligen Tastenkombinationen geliefert, um einen reibungslosen Arbeitsablauf zu ermöglichen. Implementieren Sie diese Tastenkombinationen in Ihren Workflow und erstellen Sie wunderschöne UI-Designs wie ein Profi.