Shortcuts

Blendet den Framer Agent ein und aus, ohne dass ihr zur Maus greifen müsst.

Aktiviert den Auswahlmodus des Agents, um ihm gezielt Elemente von der Leinwand zu übergeben.

Schickt den eingetippten Prompt an den Agent.

Fügt im Prompt-Feld einen Zeilenumbruch ein, ohne die Anfrage abzuschicken.

Schickt den Prompt unmittelbar ab und überspringt die Zwischenschritte.

Schließt das Eingabefeld des Agents und gibt den Fokus zurück an die Leinwand.

Blättert im Verlauf eurer Prompts einen Schritt zurück.

Blättert im Verlauf eurer Prompts einen Schritt vor.

Macht die letzte Änderung im Prompt-Feld rückgängig — nicht auf der Leinwand.

Stellt eine rückgängig gemachte Änderung im Prompt-Feld wieder her.

Hebt die Auswahl über alle anderen Ebenen.

Schiebt die Auswahl hinter alle anderen Ebenen.

Schiebt die Auswahl um genau eine Ebene nach vorn.

Schiebt die Auswahl um genau eine Ebene nach hinten.

Richtet die Auswahl an der linken Kante aus.

Zentriert die Auswahl auf der horizontalen Achse.

Richtet die Auswahl an der rechten Kante aus.

Richtet die Auswahl an der Oberkante aus.

Zentriert die Auswahl auf der vertikalen Achse.

Richtet die Auswahl an der Unterkante aus.

Verteilt die ausgewählten Elemente mit gleichen Abständen auf der horizontalen Achse.

Verteilt die ausgewählten Elemente mit gleichen Abständen auf der vertikalen Achse.

Führt den aktiven Branch in den Main-Branch zusammen.

Springt im CMS zum vorherigen Eintrag der Kollektion.

Springt im CMS zum nächsten Eintrag der Kollektion.

Wandelt die Auswahl in eine wiederverwendbare Komponente um.

Legt eine neue Komponente an, die ihr direkt in React schreibt.

Speichert die geöffnete Code-Datei.

Startet das zuletzt verwendete Plugin erneut.

Öffnet ein lokal entwickeltes Plugin zum Testen.

Macht den letzten Schritt rückgängig.

Stellt einen rückgängig gemachten Schritt wieder her.

Springt zur zuvor besuchten Stelle im Projekt zurück.

Springt wieder nach vorn, nachdem ihr zurück navigiert seid.

Schneidet die Auswahl aus und legt sie in die Zwischenablage.

Kopiert die Auswahl in die Zwischenablage.

Fügt den Inhalt der Zwischenablage ein.

Kopiert nur die Gestaltung der Auswahl, nicht den Inhalt.

Überträgt einen kopierten Stil auf die aktuelle Auswahl.

Kopiert ausschließlich die Füllung — Farbe, Verlauf oder Bild.

Fügt die Zwischenablage exakt an der ursprünglichen Position ein.

Legt eine Kopie der Auswahl direkt daneben an.

Entfernt die Auswahl.

Öffnet das Feld zum Umbenennen der ausgewählten Ebene.

Sperrt die Auswahl gegen versehentliches Verschieben.

Blendet die Auswahl auf der Leinwand aus.

Durchsucht das Projekt nach Ebenen und Inhalten.

Durchsucht gezielt die Textinhalte deines Projekts.

Packt die Auswahl in einen neuen Frame.

Packt die Auswahl in einen neuen Stack.

Löst den umschließenden Frame auf und behält die Inhalte.

Setzt die Größe der Auswahl auf den Inhalt.

Passt Breite und Höhe an den tatsächlichen Inhalt an.

Schaltet die Vorschau in den Vollbildmodus und zurück.

Blendet die Markierungen für interaktive Elemente in der Vorschau ein und aus.

Lädt die Vorschau neu.

Öffnet die Entwicklerwerkzeuge für die Vorschau.

Wechselt in der Vorschau zwischen fester und responsiver Darstellung.

Wechselt in der Vorschau zum nächsten Breakpoint.

Wechselt in der Vorschau zum vorherigen Breakpoint.

Legt ein neues Framer-Projekt an.

Öffnet den Import für Figma-Dateien.

Öffnet den Dialog zum Hochladen eines Bildes.

Öffnet den Veröffentlichen-Dialog.

Öffnet die veröffentlichte Website im Browser.

Öffnet die Befehlspalette — der schnellste Weg zu fast jeder Funktion in Framer.

Öffnet den Versionsverlauf des Projekts.

Wählt alle Elemente der aktuellen Ebene aus.

Wählt alle Elemente auf derselben Ebene aus.

Springt in der Auswahl eine Ebene nach oben.

Springt direkt zum obersten übergeordneten Element.

Springt in der Auswahl eine Ebene nach unten.

Verlässt die aktuelle Auswahl und wählt wieder die Seite aus.

Wählt nacheinander die folgenden Geschwisterelemente aus.

Wählt nacheinander die vorherigen Geschwisterelemente aus.

Öffnet das Einfügen-Menü mit allen verfügbaren Elementen.

Aktiviert das Frame-Werkzeug.

Aktiviert das Stack-Werkzeug.

Aktiviert das Text-Werkzeug.

Aktiviert das Werkzeug für abgerundete Rechtecke.

Aktiviert das Bild-Werkzeug.

Aktiviert das Video-Werkzeug.

Aktiviert das Rechteck-Werkzeug.

Aktiviert das Werkzeug für Kreise und Ellipsen.

Fügt ein Zeilen-Layout ein.

Fügt ein Spalten-Layout ein.

Fügt ein Grid-Layout ein.

Fügt ein Masonry-Layout mit versetzten Kacheln ein.

Aktiviert das Pfad-Werkzeug zum Zeichnen eigener Vektoren.

Aktiviert das Skalieren-Werkzeug, das Inhalte proportional mitwachsen lässt.

Aktiviert das Link-Werkzeug.

Nimmt mit der Pipette eine Farbe von der Leinwand auf.

Öffnet den Cursor-Chat für die Zusammenarbeit im Projekt.

Setzt den markierten Text fett.

Setzt den markierten Text kursiv.

Unterstreicht den markierten Text.

Öffnet die Schriftauswahl.

Verbindet die ausgewählten Formen zu einer einzigen.

Zieht die obere Form von der darunterliegenden ab.

Behält nur den überlappenden Bereich der Formen.

Entfernt den überlappenden Bereich der Formen.

Verbindet offene Pfade miteinander.

Fasst die Auswahl zu einer Gruppe zusammen.

Löst eine Gruppe wieder auf.

Startet einen neuen Chat mit dem Framer Agent.

Blendet das Stil-Panel ein und aus.

Öffnet die Seitenübersicht in der Seitenleiste.

Öffnet die Ebenenübersicht in der Seitenleiste.

Öffnet die Asset-Übersicht in der Seitenleiste.

Klappt alle geöffneten Ebenen in der Liste zu.

Blendet alle Panels aus, sodass nur noch die Leinwand übrig bleibt.

Wechselt in die Canvas-Ansicht.

Wechselt in die CMS-Ansicht.

Wechselt in die Lokalisierungs-Ansicht.

Wechselt in die Analytics-Ansicht.

Wechselt in die Projekteinstellungen.

Aktiviert das Kommentar-Werkzeug.

Öffnet die Bibliothek mit Komponenten und Vorlagen.

Vergrößert die Ansicht der Leinwand.

Verkleinert die Ansicht der Leinwand.

Setzt den Zoom auf die tatsächliche Größe zurück.

Zoomt so weit heraus, dass alle Inhalte sichtbar sind.

Zoomt auf die aktuelle Auswahl.

Blendet die Lineale ein und aus.

Blendet die Hilfslinien ein und aus.

Schaltet die Oberfläche zwischen hell und dunkel um.

Aktiviert das Zoom-Werkzeug.

Mit diesem Shortcut könnt ihr schnell in den Preview-Modus wechseln.

Praktisch: Mit diesem Tastenkürzel lassen sich in der Auswahl befindliche Layer KI-gestützt automatisch bennenen.