Dev Mode-Fokusansicht
Dieser Artikel ist sowohl für die vorhergehende Figma UIals auch die neue Figma UI verfügbar. Über die Schaltfläche links am unteren Bildschirmrand wählst du deine aktuelle UI aus. Lerne UI3 – Figmas Redesign – kennen.
Bevor du anfängst
Wer diese Funktion nutzen kann
Verfügbar mit den Organisations‑ und Unternehmens-Abos.
Benutzer*innen mit unbeschränkter, Dev‑ oder Betrachter*innen-Lizenz können die Ansicht „Ready for Dev“ aufrufen.
Benutzer*innen mit unbeschränkter, oder Dev-Lizenz können die Status ändern.
Benutzer*innen mit unbeschränkter, oder Dev-Lizenz können auf die Fokusansicht zugreifen.
Bei Verwendung der Ansicht „Ready for Dev“ im Dev Mode zur Untersuchung von entwicklungsfertigen Bereichen, Rahmen und Komponenten möchtest du dir sicherlich häufig spezifische Designs genauer ansehen. Verwende die Fokusansicht des Dev Mode, um Einzelheiten zu entwicklungsfertigen Designs zu erhalten. Die Fokusansicht bietet Folgendes:
- Genau die gleichen Tools, die üblicherweise in deiner Dev Mode-Menüleiste verfügbar sind.
- Die gleichen Inspect‑ und Plugins-Tabs, auf die du auch in der Dev Mode-Vollversion zugreifen kannst.
- Ein Versionsverlauf mit spezifischen Beschreibungen zu dem Design, das du dir gerade ansiehst, mit dem du verschiedene Versionen vergleichen und die Veränderungen im Laufe der Zeit beobachten kannst.
- Eine einfache Möglichkeit, die Ebenen eines bestimmten, entwicklungsfertigen Designs zu erweitern und mehr darüber zu erfahren.
- Die Fähigkeit, die Arbeit für ein spezifisches Design als abgeschlossen zu markieren.
Zum Aufrufen der Fokusansicht:
- Öffne eine Figma Design-Datei.
- Klicke in der linken Seitenleiste auf Ready for Dev „Entwicklungsfertig“. Es erscheint die Ansicht „Ready for Dev“ mit einer Liste aller Designs, die mit einem Dev-Status markiert wurden.
- Klicke das Design an, auf das du dich konzentrieren möchtest.
Alternativ:
- Öffne eine Figma Design-Datei.
- Klicke auf der Arbeitsfläche auf den Dev-Status des Designs, auf dem dein Fokus liegt, und wähle Show in focus view (In der Fokusansicht anzeigen) aus.
- Optional kannst du Copy link to focus view (Link zur Fokusansicht kopieren) anklicken, um einen Link zum Design im Fokus zu erhalten und diesen mit anderen zu teilen.
Die Fokusansicht wird dann mit Folgendem angezeigt:
- Das Design, das du näher untersuchen möchtest, erscheint in der Mitte der Fokusansicht. Mithilfe deiner Dev Mode-Tools kannst du zum Beispiel das Design bewerten sowie Anmerkungen und Kommentare hinzufügen.
- Die Inspect‑ und Plugins-Tabs, mit denen du Codes generieren, die Eigenschaften eines Designs einsehen, Verschiedenes exportieren oder downloaden und Plugins im Dev Mode laufen lassen kannst.
- Die Schaltfläche Mark as completed (Als abgeschlossen markieren), mit der du bestätigst, dass die Entwicklungsarbeit für das Design abgeschlossen ist.
Navigieren
In der Fokusansicht bietet Figma einige Möglichkeiten, um zu anderen Bereichen des Dev Mode zu navigieren.
Klicke auf Ready for Dev (Entwicklungsfertig), um zur Ansicht „Ready for Dev“ in der oberen linken Ecke der Fokusansicht zu gelangen.
Klicke in der oberen rechten Ecke der Fokusansicht auf und anschließend auf Show on page (Auf der Seite anzeigen), um das Design auf der Arbeitsfläche anzuzeigen.
Klicke in der oberen rechten Ecke der Fokusansicht auf , um zum Bereich der Figma-Benutzeroberfläche zurückzukehren, den du vor Aufrufen der Fokusansicht verwendet hast. Hast du die Fokusansicht von der Arbeitsfläche aus aufgerufen, wirst du zu der Position zurückgeführt, an der du dich auf der Arbeitsfläche befunden hast. Hast du diese von der Ansicht „Ready for Dev“ oder über den Link aufgerufen, wirst du zur Ansicht „Ready for Dev“ zurückgeführt.
Ebenen untersuchen
Die Fokusansicht ermöglicht es auf ganz einfache Weise, die einzelnen Ebenen eines bestimmten Designs zu untersuchen. Der Ebenen-Tab der Fokusansicht erscheint, sobald du einen oder mehrere Teile des Designs ausgewählt hast.
Inspect- und Plugins-Tabs
Die Inspect‑ und Plugins-Tabs sind genau so, wie du sie schon vom Dev Mode kennst, jedoch ist ihr Umfang auf das Design begrenzt, das du dir gerade ansiehst. Weitere Informationen zur Verwendung der Tabs erhältst du im Leitfaden zum Dev Mode →.
Versionsverlauf
Ähnlich wie beim Versionsverlauf für die Dateien enthält die Fokusansicht einen kommentierten Versionsverlauf, in dem alle Arbeitsdurchläufe für das Design festgehalten sind.
Normalerweise zeigt dir der dateiübergreifende Versionsverlauf jede Version in einer Datei an. Oftmals gibt es jedoch sehr viele Vorgänge, und dich interessiert bestimmt am meisten, was sich an einem spezifischen Rahmen oder Bereich verändert hat, den du gerade überarbeitest oder umsetzt. Der Versionsverlauf der Fokusansicht zeigt dir die Versionen und Arbeitsdurchgänge genau so wie der dateiübergreifende Verlauf, an jedoch ist sein Umfang auf die Versionen begrenzt, die das spezifische Design betreffen, das du gerade in der Fokusansicht geöffnet hast.
Während Designer*innen und Entwickler*innen verschiedene Arbeitsdurchgänge an einem Design durchführen, aktualisieren sie den Status und fügen hinzu, um die Änderungen zu beschreiben. Bei jeder Aktualisierung des Status wird der Versionsverlauf um einen Eintrag ergänzt. Du kannst auch die verschiedenen Versionen miteinander vergleichen, um die Änderungen zwischen jedem Arbeitsdurchgang genau zu bestimmen.
Du kannst ältere Versionen untersuchen, einen Link zu dieser bestimmten Version kopieren oder diese mit der aktuellen Dateiversion vergleichen. Weitere Informationen über das Vergleichen im Dev Mode →
Als abgeschlossen markieren
Verwende die Schaltfläche Mark as completed (Als abgeschlossen markieren) oben in der Fokusansicht, um anzuzeigen, dass die Entwicklungsarbeit für ein Design abgeschlossen ist.
Sobald ein Design als abgeschlossen markiert wurde, wird der Versionsverlauf um einen neuen Eintrag erweitert. Das Design bleibt für weitere Arbeitsdurchgänge in der Ansicht „Ready for Dev“ verfügbar.
Bevor du anfängst
Wer diese Funktion nutzen kann
Verfügbar für die Organisations- und Enterprise-Abos.
Benutzer*innen mit unbeschränkter, Dev- oder Betrachter*innen-Lizenz können die Ansicht „Ready for Dev“ aufrufen.
Benutzer*innen mit unbeschränkter oder Dev-Lizenz können den Status ändern.
Benutzer*innen mit unbeschränkter oder Dev-Lizenz können die Fokusansicht aufrufen.
Bei Verwendung der Ansicht „Ready for Dev“ im Dev Modezur Untersuchung von entwicklungsfertigen Bereichen, Rahmen und Komponenten möchtest du dir sicherlich häufig spezifische Designs genauer ansehen. Verwende die Fokusansicht des Dev Mode, um Einzelheiten zu entwicklungsfertigen Designs zu erhalten. Die Fokusansicht bietet Folgendes:
- Genau die gleichen Tools, die üblicherweise in deiner Dev Mode-Menüleiste verfügbar sind.
- Die gleichen Inspect‑ und Plugins-Tabs, auf die du auch in der Dev Mode-Vollversion zugreifen kannst.
- Ein Versionsverlauf mit spezifischen Beschreibungen zu dem Design, das du dir gerade ansiehst, mit dem du verschiedene Versionen vergleichen und die Veränderungen im Laufe der Zeit beobachten kannst.
- Eine einfache Möglichkeit, die Ebenen eines bestimmten, entwicklungsfertigen Designs zu erweitern und mehr darüber zu erfahren.
- Die Fähigkeit, die Arbeit für ein spezifisches Design als abgeschlossen zu markieren.
Zum Aufrufen der Fokusansicht:
-
Öffne eine Figma Design-Datei.
-
Klicke in der linken Seitenleiste auf Ready for Dev (Entwicklungsfertig).
Es erscheint die Ansicht „Ready for Dev“ mit einer Liste aller Designs, die mit dem Dev-Status markiert wurden.
-
Klicke das Design an, auf dem dein Fokus liegt.
Alternativ:
-
Öffne eine Figma Design-Datei.
-
Klicke auf der Arbeitsfläche auf den Dev-Status des Designs, auf dem dein Fokus liegt, und wähle Show in focus view (In der Fokusansicht anzeigen) aus.
-
Optional kannst du Copy link to focus view (Link zur Fokusansicht kopieren) anklicken, um einen Link zum fokussierten Design zu erhalten und diesen mit anderen zu teilen.
Die Fokusansicht wird dann mit Folgendem angezeigt:
- Das Design, das du näher untersuchen möchtest, erscheint in der Mitte der Fokusansicht. Mithilfe deiner Dev Mode-Tools kannst du zum Beispiel das Design bewerten sowie Anmerkungen und Kommentare hinzufügen.
- Die Inspect ‑ und Plugins-Tabs , mit denen du Codes generieren, die Eigenschaften eines Designs einsehen, Verschiedenes exportieren oder downloaden und Plugins im Dev Mode laufen lassen kannst.
- Die Schaltfläche Mark as completed (Als abgeschlossen markieren), mit der du bestätigst, dass die Entwicklungsarbeit an einem Design abgeschlossen ist.
Navigieren
In der Fokusansicht bietet Figma einige Möglichkeiten, um zu anderen Bereichen des Dev Mode zu navigieren.
Klicke auf Ready for Dev (Entwicklungsfertig), um zur Ansicht „Ready for Dev“ in der oberen linken Ecke der Fokusansicht zu gelangen.
Klicke in der oberen rechte Ecke der Fokusansicht auf und anschließend auf Show on page (Auf der Seite anzeigen), um das Design auf der Arbeitsfläche anzuzeigen.
Klicke in der oberen rechten Ecke der Fokusansicht auf , um zum Bereich der Figma-Benutzeroberfläche zurückzukehren, den du vor Aufrufen der Fokusansicht verwendet hast. Hast du die Fokusansicht von der Arbeitsfläche aus aufgerufen, wirst du zu der Position zurückgeführt, an der du dich auf der Arbeitsfläche befunden hast. Hast du diese von der Ansicht „Ready for Dev“ oder über den Link aufgerufen, wirst du zur Ansicht „Ready for Dev“ zurückgeführt.
Ebenen untersuchen
Die Fokusansicht ermöglicht es auf ganz einfache Weise, die einzelnen Ebenen eines bestimmten Designs zu untersuchen. Der Ebenen-Tab der Fokusansicht erscheint, sobald du einen oder mehrere Teile des Designs ausgewählt hast.
Inspect‑ und Plugins-Tabs
Die Inspect‑ und Plugins-Tabs sind genau so, wie du sie von dem herkömmlichen Dev Mode kennst, jedoch ist ihr Umfang auf das Design begrenzt, das du dir gerade ansiehst. Weitere Informationen zur Verwendung der Tabs findest du im Leitfaden zum Dev Mode →.
Versionsverlauf
Ähnlich wie beim Versionsverlauf für die Dateien enthält die Fokusansicht einen kommentierten Versionsverlauf, in dem alle Arbeitsdurchläufe für das Design festgehalten sind.
Normalerweise zeigt dir der dateiübergreifende Versionsverlauf jede Version in einer Datei an. Oftmals gibt es jedoch sehr viele Vorgänge, und dich interessiert bestimmt am meisten, was sich an einem spezifischen Rahmen oder Bereich verändert hat, den du gerade überarbeitest oder umsetzt. Der Versionsverlauf der Fokusansicht zeigt dir die Versionen und Arbeitsdurchgänge genau so wie der dateiübergreifende Verlauf, an jedoch ist sein Umfang auf die Versionen begrenzt, die das spezifische Design betreffen, das du gerade in der Fokusansicht geöffnet hast.
Während Designer*innen und Entwickler*innen verschiedene Arbeitsdurchgänge an einem Design durchführen, aktualisieren sie den Status und fügen Notizen hinzu, um die Änderungen zu beschreiben. Bei jeder Aktualisierung des Status wird der Versionsverlauf um einen Eintrag ergänzt. Du kannst auch die verschiedenen Versionen miteinander vergleichen, um die Änderungen zwischen jedem Arbeitsdurchgang genau zu bestimmen.
Du kannst ältere Versionen untersuchen, einen Link zu dieser bestimmten Version kopieren oder diese mit der aktuellen Dateiversion vergleichen. Weitere Informationen über das Vergleichen im Dev Mode→
Als abgeschlossen markieren
Verwende die Schaltfläche Mark as completed (Als abgeschlossen markieren) oben in der Fokusansicht, um anzuzeigen, dass die Entwicklungsarbeit für ein Design abgeschlossen ist.
Sobald ein Design als abgeschlossen markiert wurde, wird der Versionsverlauf um einen neuen Eintrag erweitert. Das Design bleibt für weitere Arbeitsdurchgänge in der Ansicht „Ready for Dev“ verfügbar.