In Dev Mode Maße hinzufügen und Designs mit Anmerkungen versehen
Dieser Artikel ist für die bisherige und die neue Figma Benutzeroberfläche verfügbar. Über den Schiebeschalter unten links auf der Seite kannst du auf die gewünschte Benutzeroberfläche umschalten. Lerne UI3 kennen: Figma, neu gestaltet →
Bevor du anfängst
Wer kann diese Funktion verwenden?
In allen kostenpflichtigen Abos verfügbar
Jeder, der über eine unbeschränkte Design-Lizenz und Schreibzugriff auf eine Datei verfügt, kann Messungen und Annotationen hinzufügen
Jeder, der über eine unbeschränkte Design-Lizenz oder einer Dev Mode-Lizenz und mindestens Lesezugriff auf eine Datei verfügt, kann Messungen und Annotationen anzeigen
Erstelle schnellere und transparentere Handoffs mit Anmerkungen und Maßen, die aktuell bleiben, auch wenn Designs sich verändern.
Über Anmerkungen können Designer*innen wichtige Details direkt auf Designs übertragen und mit ihnen verknüpfen:
- Wichtige Eigenschaften hervorheben, damit Entwickler*innen sie nicht übersehen
- Entwickler*innen dabei helfen, Spezifikationen wie Abstände und Größen rasch zu veranschaulichen
- Zusätzlichen Kontext mit Textnotizen hinzufügen
Entwickler können die Aktualisierungen von Annotationen in Echtzeit sehen, während sie im Dev Mode arbeiten, um sicherzustellen, dass sie während der Übergabe keine wichtigen Hinweise verpassen.
Tipp: Im Design-Modus werden Sie benachrichtigt, wenn einer Datei neue Annotationen hinzugefügt wurden. Klicken Sie auf den Punkt neben dem Design und wählen Sie Annotationen in Dev Mode ansehen aus, um die aktualisierten Annotationen im Dev Mode anzusehen.
Einem Design Maße hinzufügen
Das Hinzufügen von Maßen hilft Entwickler*innen, Abstände und Größen rasch veranschaulichen zu können.
So fügst du einem Design ein Maß hinzu:
- Klicke auf die Dev Mode-Schaltfläche rechts oben in der Toolbar, oder nutze die Tastenkombination Umschalttaste D.
- Klicke auf Measure (Messen) in der Toolbar oder nutze die Tastenkombination Umschalttaste M.
- Bewege den Mauszeiger über eine Ebene, um Optionen zu sehen, wo du deine Maße beginnen kannst.
- Klicke und ziehe vom Startpunkt zu der Ebene, bis zu der das Maß gehen soll.
- Klicke und ziehe das Maß so, dass es das Design nicht verdeckt.
Tipp: Um eine Messung zu löschen, klicke darauf und drücke die Taste Entfernen oder Zurück.
Einem Design Annotationen hinzufügen
Designer*innen können Anmerkungen hinzufügen, um Kontext zu liefern, Designeigenschaften zu definieren oder den Entwickler*innen andere relevante Informationen zu geben, um das Design in Programmcode umzuwandeln. In Anmerkungen kann eine Mischung aus Freitext und definierten Eigenschaften wie Ausrichtung, Richtung und Größe angegeben werden. Auch wenn Designs später aktualisiert werden, bleiben die Anmerkungseigenschaften auf dem neuesten Stand und präzise, sodass nichts verloren geht.
So fügst du einem Design Anmerkungen hinzu:
- Klicke auf die Dev Mode-Schaltfläche rechts oben in der Toolbar, oder nutze die Tastenkombination Umschalttaste D.
- Klicke auf Annotate (Anmerkungen hinzufügen) in der Toolbar, oder nutze die Tastenkombination Umschalttaste T.
- Wähle die Ebene aus, bei der du eine Anmerkung hinzufügen möchtest.
- Schreibe eine Notiz in das Textfeld, oder klicke auf + Property (+Eigenschaft), um eine Eigenschaft aus der Liste auszuwählen. Du kannst sowohl einfachen Text als auch Eigenschaften in eine Anmerkung aufnehmen.
Tipp: Mit der Plugin-API können Teams benutzerdefinierte Dev Mode-Plugins erstellen, um Annotationen in großen Mengen zu erstellen und zu verwalten.
Anmerkungen verbergen
Alle Annotationen in einer Figma-Designdatei sind im Dev Mode standardmäßig sichtbar Annotationen ausblenden:
- Klicke auf das Main menu (Hauptmenü) in der Toolbar.
- Bewege den Mauszeiger über View (Anzeigen) im Drop-down-Menü.
- Hebe die Auswahl für Annotations (Anmerkungen) auf.
Tipp: Um eine Anmerkung zu löschen, klicken Sie darauf und drücken Sie die Taste Entfernen oder Zurück.
Bevor du anfängst
Wer kann diese Funktion verwenden?
In allen kostenpflichtigen Abos verfügbar
Alle Personen mit einer unbeschränkten Design-Lizenz haben Schreibzugriff auf die Anmerkungen in Dev Mode
Alle Personen mit einer Dev Mode-Lizenz haben Lesezugriff auf die Anmerkungen in Dev Mode
Erstelle schnellere und transparentere Handoffs mit Anmerkungen und Maßen, die aktuell bleiben, auch wenn Designs sich verändern.
Über Anmerkungen können Designer*innen wichtige Details direkt auf Designs übertragen und mit ihnen verknüpfen:
- Wichtige Eigenschaften hervorheben, damit Entwickler*innen sie nicht übersehen
- Entwickler*innen dabei helfen, Spezifikationen wie Abstände und Größen rasch zu veranschaulichen
- Zusätzlichen Kontext mit Textnotizen hinzufügen
Entwickler*innen können die Anmerkungen von Designer*innen in Echtzeit sehen, während sie in Dev Mode arbeiten. So ist sichergestellt, dass sie während der Übergabe keine wichtigen Informationen verpassen.
Tipp! Im Design-Modus wirst du benachrichtigt, wenn einer Datei neue Anmerkungen hinzugefügt wurden. Klicke auf den Punkt neben dem Design und wähle View annotations in Dev Mode (Anmerkungen in Dev Mode ansehen) aus, um die aktualisierten Anmerkungen in Dev Mode anzeigen zu lassen.
Einem Design Maße hinzufügen
Das Hinzufügen von Maßen hilft Entwickler*innen, Abstände und Größen rasch veranschaulichen zu können.
So fügst du einem Design ein Maß hinzu:
- Klicke auf die Dev Mode-Schaltfläche rechts oben in der Toolbar, oder nutze die Tastenkombination Umschalttaste D.
- Klicke auf Measure (Messen) in der Toolbar oder nutze die Tastenkombination Umschalttaste M.
- Bewege den Mauszeiger über eine Ebene, um Optionen zu sehen, wo du deine Maße beginnen kannst.
- Klicke und ziehe vom Startpunkt zu der Ebene, bis zu der das Maß gehen soll.
- Klicke und ziehe das Maß so, dass es das Design nicht verdeckt.
Tipp! Um ein Maß zu löschen, klickst du darauf und drückst die Taste Delete (Entfernen) oder Backspace (Rücktaste).
Einem Design Annotationen hinzufügen
Designer*innen können Anmerkungen hinzufügen, um Kontext zu liefern, Designeigenschaften zu definieren oder den Entwickler*innen andere relevante Informationen zu geben, um das Design in Programmcode umzuwandeln. In Anmerkungen kann eine Mischung aus Freitext und definierten Eigenschaften wie Ausrichtung, Richtung und Größe angegeben werden. Auch wenn Designs später aktualisiert werden, bleiben die Anmerkungseigenschaften auf dem neuesten Stand und präzise, sodass nichts verloren geht.
So fügst du einem Design Anmerkungen hinzu:
- Klicke auf die Dev Mode-Schaltfläche rechts oben in der Toolbar, oder nutze die Tastenkombination Umschalttaste D.
- Klicke auf Annotate (Anmerkungen hinzufügen) in der Toolbar, oder nutze die Tastenkombination Umschalttaste T.
- Wähle die Ebene aus, bei der du eine Anmerkung hinzufügen möchtest.
- Schreibe eine Notiz in das Textfeld, oder klicke auf + Property (+Eigenschaft), um eine Eigenschaft aus der Liste auszuwählen. Du kannst sowohl einfachen Text als auch Eigenschaften in eine Anmerkung aufnehmen.
Tipp! Mit der Plug-in-API können die Teams benutzerdefinierte Dev Mode-Plug-ins erstellen, um mehrere Anmerkungen gleichzeitig zu verfassen und zu verwalten.
Anmerkungen verbergen
Alle Annotationen in einer Figma-Designdatei sind im Dev Mode standardmäßig sichtbar Annotationen ausblenden:
- Klicke auf das Main menu (Hauptmenü) in der Toolbar.
- Bewege den Mauszeiger über View (Anzeigen) im Drop-down-Menü.
- Hebe die Auswahl für Annotations (Anmerkungen) auf.
Tipp! Um eine Anmerkung zu löschen, klickst du darauf und drückst die Taste Delete (Entfernen) oder Backspace (Rücktaste).