Benutzerhandbuch Abbrechen

Migrieren Ihrer Design-Systeme zu Creative Cloud-Bibliotheken

  1. Adobe XD Benutzerhandbuch
  2. Einführung
    1. Neue Funktionen in Adobe XD
    2. Häufige Fragen
    3. Erstellen von Designs und Prototypen und Freigeben mit Adobe XD
    4. Farbmanagement
    5. Systemanforderungen
      1. Hardware- und Softwareanforderungen
      2. Adobe XD, Big Sur und Apple silicon | macOS 11
    6. Arbeitsbereich – Grundlagen
    7. Ändern der in Adobe XD angezeigten Sprache
    8. Zugriff auf UI-Design-Kits
    9. Barrierefreiheit in Adobe XD
    10. Tastaturbefehle
    11. Tipps und Tricks
  3. Design erstellen
    1. Zeichenflächen, Hilfslinien und Ebenen
      1. Erste Schritte mit Zeichenflächen
      2. Verwenden von Hilfslinien und Rastern
      3. Bildlauffähige Zeichenflächen erstellen
      4. Arbeiten mit Ebenen
      5. Erstellen von Bildlaufgruppen
    2. Formen, Objekte und Pfade
      1. Auswählen, Vergrößern, Verkleinern und Drehen von Objekten
      2. Verschieben, Ausrichten, Verteilen und Anordnen von Objekten
      3. Gruppieren, Sperren, Duplizieren, Kopieren und Spiegeln von Objekten
      4. Festlegen von Strichen, Flächen und Schlagschatten für Objekte
      5. Erstellen sich wiederholender Elemente
      6. Perspektivisches Design mit 3D-Transformationen
      7. Bearbeiten von Objekten mithilfe boolescher Operationen
    3. Text und Schriften
      1. Arbeiten mit Zeichen- und Textwerkzeugen
      2. Schriften in XD
    4. Komponenten und Zustände
      1. Arbeiten mit Komponenten
      2. Arbeiten mit verschachtelten Komponenten
      3. Hinzufügen mehrerer Zustände zu Komponenten
    5. Maskierung und Effekte
      1. Erstellen einer Maske mit Formen
      2. Arbeiten mit Weichzeichnen-Effekten
      3. Erstellen und Ändern von Farbverläufen
      4. Fülleffekte anwenden
    6. Layout
      1. Responsive Resize und Bedingungen
      2. Festlegen fester Innenabstände für Komponenten und Gruppen
      3. Erstellen dynamischer Designs mit Stapeln
    7. Videos und Lottie-Animationen
      1. Arbeiten mit Videos
      2. Erstellen von Prototypen mit Videos
      3. Arbeiten mit Lottie-Animationen
  4. Prototypen erstellen
    1. Erstellen interaktiver Prototypen
    2. Animieren von Prototypen
    3. Für Auto-Animate unterstützte Objekteigenschaften
    4. Erstellen von Prototypen mit Tastatur- und Gamepad-Nutzung
    5. Erstellen von Prototypen mit Sprachbefehlen und Audiowiedergabe
    6. Erstellen zeitgesteuerter Übergänge
    7. Hinzufügen von Overlays
    8. Sprachprototypen erstellen
    9. Erstellen von Ankerlinks
    10. Erstellen von Hyperlinks
    11. Testen von Designs und Prototypen
  5. Freigeben, Exportieren und Review
    1. Ausgewählte Zeichenflächen freigeben
    2. Freigeben von Designs und Prototypen
    3. Zugriffsberechtigungen für Links festlegen
    4. Arbeiten mit Prototypen
    5. Prototyp-Review
    6. Arbeiten mit Design-Spezifikationen
    7. Freigeben von Design-Spezifikationen
    8. Auswerten von Design-Spezifikationen
    9. Navigation in Design-Spezifikationen
    10. Reviews und Kommentarfunktion zu Design-Spezifikationen
    11. Exportieren von Design-Assets
    12. Exportieren und Herunterladen von Assets aus Design-Spezifikationen
    13. Gruppenfreigabe für Unternehmen
    14. Sichern oder übertragen von XD Elementen
  6. Design-Systeme
    1. Design-Systeme mit Creative Cloud-Bibliotheken
    2. Arbeiten mit Dokumentelementen in Adobe XD
    3. Arbeiten mit Creative Cloud-Bibliotheken in Adobe XD
    4. Von verknüpften Elementen zu Creative Cloud-Bibliotheken migrieren
    5. Arbeiten mit Designtoken 
    6. Verwenden von Elementen aus Creative Cloud-Bibliotheken
  7. Cloud-Dokumente
    1. Cloud-Dokumente in Adobe XD
    2. Zusammenarbeit und Co-Editing
    3. Co-Editing bei für Sie freigegebenen Dokumenten
  8. Integrationen und Plug-ins
    1. Arbeiten mit externen Elementen
    2. Arbeiten mit Design-Elementen aus Photoshop
    3. Kopieren und Einfügen von Elementen aus Photoshop
    4. Importieren oder Öffnen von Photoshop-Designs
    5. Arbeiten mit Illustrator-Elementen in Adobe XD
    6. Öffnen oder Importieren von Illustrator-Designs
    7. Vektordateien aus Illustrator nach XD kopieren
    8. Plug-ins für Adobe XD
    9. Erstellen und Verwalten von Plug-ins
    10. Jira-Integration für Adobe XD
    11. Slack-Plug-in für XD
    12. Zoom-Plug-in für XD
    13. Designs von XD aus auf Behance freigeben
  9. XD für iOS und Android
    1. Testen der Prototypen auf iOS/Android
    2. Adobe XD unter iOS/Android – Häufige Fragen
  10. Fehlerbehebung
    1. Bekannte und behobene Probleme
      1. Bekannte Probleme
      2. Behobene Probleme
    2. Installation und Updates
      1. XD scheint unter Windows nicht kompatibel zu sein
      2. Fehlercode 191
      3. Fehlercode 183
      4. Probleme beim Installieren von XD Plug-ins
      5.  Aufforderung zur Deinstallation und erneuten Installation von XD | Windows 10
      6. Probleme mit der Migration von Einstellungen
    3. Absturz beim Programmstart
      1.  Adobe XD stürzt ab, wenn es auf Windows 10 gestartet wird
      2.  XD wird beendet, wenn Sie sich von Creative Cloud abmelden
      3. Problem mit dem Abonnementstatus unter Windows
      4. Warnung zu blockierter Applikation, wenn XD auf Windows gestartet wird
      5. Generierung von Absturzbildern auf Windows
      6. Sammlung und Freigabe von Absturzprotokollen
    4. Cloud-Dokumente sowie Creative Cloud-Bibliotheken.
      1. Probleme mit XD Cloud-Dokumenten
      2. Probleme mit verknüpften Komponenten
      3. Probleme mit Bibliotheken und Links
    5. Erstellen und Veröffentlichen von Prototypen und Durchführen von Reviews
      1. Prototyp-Interaktionen können unter macOS Catalina nicht aufgezeichnet werden
      2. Probleme mit Arbeitsabläufen für die Veröffentlichung
      3. Veröffentlichte Links werden in Browsern nicht angezeigt
      4. Prototypen werden in Browsern nicht korrekt dargestellt
      5. Kommentarfeld wird plötzlich bei freigegebenen Links angezeigt
      6. Bibliotheken können nicht veröffentlicht werden
    6. Importieren, exportieren und Zusammenarbeit mit anderen Applikationen
      1. Import und Export in XD
      2. Photoshop-Dateien in XD
      3. Illustrator-Dateien in XD
      4. Von XD nach After Effects exportieren
      5. Sketch-Dateien in XD
      6. Apps von Drittanbietern sind im Export nicht sichtbar
Achtung:

Mit verknüpften Elementen arbeiten

Der Workflow für verknüpfte Elemente, mit dem Sie Farben, Zeichenformate und Komponenten in lokalen und Cloud-Dokumenten wiederverwenden können, wird bis September 2021 unterstützt. In Zukunft werden Creative Cloud-Bibliotheken die einzige Möglichkeit sein, verknüpfte Elemente dokumentenübergreifend in XD zu veröffentlichen und freizugeben. Daher empfiehlt es sich, Ihr vorhandenes Design-System vor September 2021 zu einer Creative Cloud-Bibliothek zu migrieren.

Änderungen ab September 2021

  • Sie können Cloud-Dokumente nicht mehr verknüpfen, um Elemente wiederzuverwenden. 
  • Vorhandene lokale und Cloud-Dokumente mit verknüpften Elementen werden keine Aktualisierungen mehr übertragen, wenn Änderungen an Elementen vorgenommen werden. 
  • Das Kopieren und Einfügen einer Komponente, die nicht in einer Bibliothek veröffentlicht ist, führt zu einer nicht verknüpften Kopie der Komponente. 
  • Creative Cloud-Bibliotheken werden die einzige Möglichkeit sein, verknüpfte Elemente dokumentenübergreifend in XD zu veröffentlichen und freizugeben.

Warum sind Creative Cloud-Bibliotheken eine gute Alternative?

Wir haben die Möglichkeit eingeführt, Elemente dokumentenübergreifend zu verknüpfen, um die Wiederverwendung von Komponenten zu ermöglichen, sodass Änderungen in allen Dokumenten synchron bleiben. Ein Design-System ist jedoch viel mehr als nur eine Ansammlung von Komponenten. Es besteht aus unterschiedlichen Elementtypen, die so organisiert sind, dass jeder im Team sie einfach verwenden und daran mitarbeiten kann. Wenn sich Design-Systeme weiterentwickeln und die Anzahl der Mitwirkenden und die Komplexität der Projekte zunimmt, benötigen die Teams eine robustere Lösung, um konsistente Erlebnisse in großem Maßstab zu erstellen.

Um Teams bei diesem Ziel zu unterstützen, haben wir in XD Creative Cloud-Bibliotheken eingeführt. Mithilfe von Bibliotheken können Sie Design-Systeme erstellen, mit denen Sie mehr als nur Komponenten gemeinsam nutzen können.

Funktionen

Verknüpfte Elemente

Creative Cloud-Bibliotheken

Über mehrere Dokumente hinweg verknüpfte Komponenten

Unterstützt

Unterstützt

Farben und Zeichenformate werden als verknüpfte Elemente unterstützt

Unterstützt

Unterstützt

Verknüpfte Audiodateien und andere Elementtypen

Nicht unterstützt

Unterstützt

Einladen der Benutzer zu einem Design-System mit Anzeige- und Bearbeitungsberechtigungen

Nicht unterstützt

Unterstützt

Veröffentlichen eines Design-Systems, sodass jeder es kopieren oder verwenden kann

Nicht unterstützt

Unterstützt

Gating von Updates beim Veröffentlichen von Änderungen in einer Bibliothek

Nicht unterstützt

Unterstützt

Organisieren Ihres Design-Systems mit Gruppen und Token

Nicht unterstützt

Unterstützt

Mithilfe von Designtoken und Code-Hinweisen die Zusammenarbeit von Design und Entwicklung fördern

Nicht unterstützt

Unterstützt

Erstellen einer Bibliothek, die für das Team freigegeben werden kann

Nicht unterstützt

Unterstützt

Wiederverwenden von Elementen aus anderen Creative Cloud-Applikationen wie Photoshop oder Illustrator

Nicht unterstützt

Unterstützt

Wie kann ich meine verknüpften Elemente zu Creative Cloud-Bibliotheken migrieren? 

Sie können bereits vorhandene verknüpfte Elemente in wenigen Schritten zu Creative Cloud-Bibliotheken migrieren. Bevor Sie mit dem Migrationsprozess beginnen, sollten Sie auf jeden Fall Ihr Team darüber informieren und sicherstellen, dass während dieses Zeitraums niemand Änderungen am Quelldokument oder an den Dokumenten, die diese verknüpften Elemente nutzen, vornimmt. Die Migration Ihres Design-Systems sollte nur wenige Minuten dauern.

  1. Speichern Sie das Quelldokument als Cloud-Dokument

    Wenn das Quelldokument für Ihre verknüpften Elemente ein lokales Dokument ist, müssen Sie es als Cloud-Dokument speichern. Sie können eine Bibliothek nur aus einem Cloud-Dokument heraus veröffentlichen. Wenn Ihr Quelldokument bereits ein Cloud-Dokument ist, fahren Sie mit Schritt 2 fort.

  2. Bereiten Sie Ihr Dokument für das Veröffentlichen einer Bibliothek vor

    Stellen Sie vor dem Veröffentlichen einer Bibliothek sicher, dass das Cloud-Dokument keine Kopien von Komponenten aus einem anderen lokalen oder Cloud-Dokument enthält. Wenn dies der Fall ist, konvertieren Sie sie entweder in lokale Komponenten oder entfernen Sie sie. Dadurch wird sichergestellt, dass die veröffentlichte Bibliothek nur Elemente aus einem einzigen Dokument enthält, anstatt auf mehrere Dokumente zu verweisen.

  3. Öffnen Sie den Bibliotheken-Manager

    Klicken Sie im Bedienfeld „Dokumentelemente“ auf das Symbol „Veröffentlichen“, um den Bibliotheken-Manager zu öffnen. Von hier aus können Sie Ihr Design-System veröffentlichen und Aktualisierungen anstoßen, wenn Sie am Dokument Änderungen vorgenommen haben und die Bibliothek aktualisieren möchten.

  4. Veröffentlichen Sie Ihre Bibliothek

    Klicken Sie auf die Schaltfläche Veröffentlichen, um eine Bibliothek zu erstellen, die alle Dokumentelemente enthält, also alle Farben, Zeichenformate, Komponenten oder Audiodateien. 

    Bibliothek veröffentlichen
    Navigation über das Bedienfeld „Dokumentelemente“, Veröffentlichung über den Bibliotheken-Manager

    Je nach Anzahl der Elemente kann das erstmalige Veröffentlichen der Bibliothek einige Minuten dauern. Auf der Fortschrittsanzeige im Bibliotheken-Manager sehen Sie, wann die Bibliotheksveröffentlichung abgeschlossen ist. Stellen Sie sicher, dass keine anderen Bearbeiter das Dokument aktiv aktualisieren, während es als Bibliothek veröffentlicht wird.

  5. Laden Sie andere ein, die Bibliothek zu nutzen und an ihr mitzuarbeiten

    Sobald die Bibliothek veröffentlicht ist, können Sie die Benutzer über deren E-Mail-Adresse einladen und ihnen entweder eine Anzeige- oder eine Bearbeitungsberechtigung erteilen. Stellen Sie sicher, dass Sie jeden einladen, der zuvor verknüpfte Elemente aus diesem Dokument verwendet hat.

    Benutzer mit Anzeigeberechtigung

    Wenn Sie einen Benutzer mit Anzeigeberechtigung einladen, kann er diese Bibliothek verwenden, um die Elemente wiederzuverwenden. Er kann keine Änderungen an der Bibliothek vornehmen. 

    Benutzer mit Bearbeitungsberechtigung

    Wenn Sie einen Benutzer mit Bearbeitungsberechtigung einladen, kann er Änderungen an der Bibliothek vornehmen. Damit ein Benutzer Änderungen an einer Bibliothek vornehmen kann, muss er eine Berechtigung zum Bearbeiten sowohl der Bibliothek und als auch des Cloud-Dokuments besitzen. Stellen Sie daher sicher, dass Sie den Benutzer auch zum Bearbeiten des Cloud-Dokuments einladen.

  6. Die Benutzer nehmen die Einladung in die Bibliothek an

    Benutzer, die im vorherigen Schritt zur Bibliothek eingeladen wurden, werden per E-Mail oder im Creative Cloud-Client darüber benachrichtigt. Sobald sie die Einladung annehmen, können sie von XD aus auf die Bibliothek zugreifen. Es ist wichtig, dass jeder Benutzer, der zuvor verknüpfte Elemente aus diesem Dokument verwendet hat, die Einladung zur Bibliothek annimmt, andernfalls werden die Elemente mit einer defekten Verknüpfung angezeigt, die durch eine rote Markierung gekennzeichnet ist. Nachdem Sie die Einladung angenommen haben, dauert es einige Minuten, bis die Bibliothek synchronisiert ist und zum ersten Mal angezeigt wird. Wenn ein Benutzer die Einladung annimmt, sollten alle verknüpften Elemente automatisch mit der neuen Bibliothek verknüpft werden.

  7.  Testen Sie Ihr Design-System

    Eine einfache Möglichkeit zu überprüfen, ob Sie Ihre verknüpften Elemente erfolgreich in eine Bibliothek migriert haben, besteht darin, ein beliebiges Dokument zu öffnen, das diese verknüpften Elemente enthält. Wenn der Benutzer dieses Dokuments die Einladung zu dieser Bibliothek angenommen hat, sollten die verknüpften Elemente jetzt auf die neue Bibliothek verweisen. Wenn dies nicht der Fall ist, wird durch eine rote Markierung angezeigt, dass die Verknüpfung defekt ist. 

    Bitten Sie als Nächstes jeden Benutzer mit Bearbeitungsberechtigungen für die Bibliothek, eine Änderung vorzunehmen und die Aktualisierung in der Bibliothek zu veröffentlichen. Wenn andere Benutzer in ihrem Bedienfeld „Bibliothek“ eine Aktualisierung sehen, bedeutet dies, dass Sie Ihr Design-System erfolgreich als Bibliothek eingerichtet haben.

Verknüpfte Elemente zu Creative Cloud-Bibliotheken migrieren (Video)

In der folgenden Schritt-für-Schritt-Videoanleitung wird erläutert, wie Sie Ihre vorhandenen verknüpften Elemente zu Creative Cloud-Bibliotheken migrieren:

Warum werden meine Elemente mit einer roten Markierung gekennzeichnet?

Wenn Ihre Assets eine roten Markierung haben, bedeutet dies, dass die Verknüpfung defekt ist. Sie können dies mithilfe der folgenden Schritte beheben:

  • Stellen Sie sicher, dass der Eigentümer der Bibliothek (zuvor das Quelldokument für die verknüpften Elemente) Sie zur Nutzung der neuen Bibliothek eingeladen hat. 

  • Stellen Sie sicher, dass Sie die Einladung zur Bibliothek angenommen haben. Sobald Sie die Einladung angenommen haben, sollten die Verknüpfungen automatisch aktualisiert werden und danach sollten Ihre Elemente mit der Bibliothek verknüpft sein. Suchen Sie in Ihren E-Mails oder im Creative Cloud-Client nach der Einladung.

Zusätzliche Ressourcen

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?

Adobe MAX 2024

Adobe MAX
Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX

Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX 2024

Adobe MAX
Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX

Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online