In Dev Mode Maße hinzufügen und Designs mit Anmerkungen versehen
Bevor du anfängst
Wer diese Funktion nutzen kann
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 Anmerkungen 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 Anmerkungen in einer Figma design-Datei sind in Dev Mode standardmäßig sichtbar. So kannst du Anmerkungen verbergen:
- 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).