Die wichtigsten Neuerungen in Adobe XD
Adobe XD CC
Responsive Resize
Nun können ganze Gruppen von Elementen gemeinsam skaliert werden, z. B. zur Anpassung des Designs für unterschiedliche Bildschirme. Basierend auf dem Abstand der Elemente zueinander berechnet XD automatisch die neue Position.
Zeitgesteuerte Übergänge
Der zeitliche Ablauf von Übergängen zwischen Zeichenflächen lässt sich jetzt noch besser steuern. Erstellen Sie Animationsschleifen mit Verzögerungen für Auto-Fade-Effekte, Kreis- und Ladesymbole, Fortschrittsleisten u. v. m.
Rechtschreibprüfung
Beim Designen in XD werden Rechtschreibfehler automatisch erkannt.
Prototypen im Vollbildmodus
Prototypen können jetzt in voller Bildschirmgröße im Browser angezeigt werden.
Erfahren Sie mehr über die neuesten Features
Weitere Informationen zum September-Release finden Sie im XD-Blog.
Zum Blog ›
Adobe XD CC
Extrahieren aus Design-Spezifikationen
Ermöglichen Sie Entwicklern den Download von Dateien aus Design-Spezifikationen. Markieren Sie im Ebenen-Bedienfeld die Elemente für den Export, und versenden Sie einen Link zu den Spezifikationen. Entwickler können die Dateien dann im gewünschten Format herunterladen.
Organisieren von Inhalten im Bedienfeld „Elemente“
Verwalten Sie Farben, Zeichenformate und Symbole im Bedienfeld „Elemente“. In der Listenansicht lässt sich die Anordnung der Elemente per Drag-and-Drop beliebig anpassen.
Private Einladungen (Beta) per Webbrowser
Über Ihren Webbrowser können Sie wie aus dem Desktop-Programm heraus Adobe XD-Prototypen und Design-Spezifikationen sicher freigeben.
Adobe XD CC
Verbesserte Linienfunktion
Nutzen Sie gepunktete oder gestrichelte Linien, und definieren Sie den Stil von Abschlüssen und Ecken. Sie können auch komplexe Konturen aus Illustrator CC kopieren und in XD auf Objekte anwenden.
Benennen von Elementen
Farben, Zeichenformate und Symbole lassen sich jetzt im Bedienfeld „Elemente“ frei benennen.
Kommentarfunktion für Design-Spezifikationen
Design-Spezifikationen können jetzt genauso kommentiert werden wie Prototypen. Wenn andere einen Kommentar zu einer Ihrer Spezifikationen eingeben, werden Sie benachrichtigt. Ihre Antworten, Änderungen und Aktualisierungen wiederum sind für andere sichtbar, sobald diese das Browser-Fenster aktualisieren.
Erfahren Sie mehr über die neuesten Features
Weitere Informationen zum Juli-Release finden Sie im XD-Blog.
Zum Blog ›
Adobe XD CC
Overlays zur Stapelung von Inhalten
Statt Zeichenflächen zum Einblenden von Tastaturen, Menüs und Dialogen u. a. zu duplizieren, können Sie jetzt Overlays erstellen und über bestehende Zeichenflächen blenden.
Fixierung von Elementen
Wenn Sie bestimmte Elemente beim Scrollen permanent sichtbar lassen wollen, z. B. Header oder Footer, können Sie ihre Position fixieren.
Private Einladungen (Beta)
Geben Sie Ihre Prototypen und Design-Spezifikationen nur für eingeladene Mitglieder Ihres Teams oder Auftraggeber frei. So können Sie genau verfolgen, wer sie angezeigt, geprüft und kommentiert hat.
Mehr Kontrolle beim Einfügen von Bildern
Bilder, die vom Desktop aus in ein Projekt gezogen werden, lassen sich zuschneiden und neu positionieren.
Designen auf Basis mathematischer Berechnungen
Numerische Werte im Eigenschafteninspektor, z. B. für Spaltengrößen oder die Position von Elementen, lassen sich nun als mathematische Berechnung eingeben.
Adobe XD CC
Einfaches Ersetzen von Symbolen
Jetzt ist es ganz einfach, alle Instanzen eines Symbols zu ersetzen. Ziehen Sie das neue Symbol aus dem Bedienfeld „Elemente“ direkt auf das Symbol, das Sie ersetzen möchten.
Copy-and-Paste zwischen Zeichenflächen
Elemente aus der Zwischenablage können nun gleichzeitig in mehrere Zeichenflächen eingefügt werden. Originalposition und alle Parameter bleiben erhalten. Zusammen mit der neuen Möglichkeit zum zentralen Austausch von Symbolen macht das die Bearbeitung von mehreren Zeichenflächen schneller und konsistenter.
Verbesserte Integration mit Photoshop
Der Import von Photoshop-Dateien in XD wurde verbessert. Er erfolgt schneller und berücksichtigt u. a. auch Kontur- und Bildeffekte.
Verbesserungen für Sketch-Dateien in XD
Beim Öffnen einer Sketch-Datei in XD bleiben jetzt mehr Originalmerkmale erhalten, z. B. akkuratere Textposition, Seiten- und Symbolaufteilung und globale Farbstile.
Kennwortschutz für Design-Spezifikationen
Kontrollieren Sie per Kennwortschutz, wer Ihre Design-Spezifikationen sehen kann.
Adobe XD CC
Kennwortschutz für Prototypen
Schützen Sie Ihre Prototypen mit einem Kennwort, wenn Sie sie veröffentlichen und zur Überprüfung an andere weitergeben (demnächst für Design-Spezifikationen verfügbar).
Suchfilter im Bedienfeld „Elemente“
Filtern Sie Elemente nach Farbe, Zeichenformat oder Symbol. Suchen Sie nach Schriftfamilien, Hex-Werten oder Symbolen.
Suchen und Hervorheben von Elementen
Mit der Option „Hervorheben“ im Bedienfeld „Elemente“ werden alle Elemente auf der Arbeitsfläche markiert, die eine bestimmte Farbe bzw. ein bestimmtes Zeichenformat oder Symbol verwenden. Per Rechts- bzw. Ctrl-Klick auf ein Element auf der Arbeitsfläche können Sie die verwendeten Farben, Zeichenformate oder Symbole einblenden.
Verbesserte Integration mit Photoshop
Das Platzieren von Photoshop-Designs in XD ist jetzt noch einfacher. Klicken Sie mit der rechten Maustaste bzw. gedrückter Ctrl-Taste auf die Photoshop-Datei, und wählen Sie im Kontextmenü „Mit Adobe XD öffnen“, oder ziehen Sie die Datei auf das XD-Symbol (nur Mac).
Verbesserter Workflow mit Sketch-Dateien
Sketch-Dateien werden in XD mit besserer Originaltreue geöffnet. Farbkorrekturen für Bilder, Zeichenformate, Farbfelder u. v. m. bleiben erhalten. Um eine Sketch-Datei in XD zu öffnen, machen Sie einen Rechts- bzw. Ctrl-Klick auf die Datei und wählen im Kontextmenü „Mit Adobe XD öffnen“, oder ziehen Sie die Sketch-Datei auf das XD-Symbol (nur Mac).
Adobe XD CC
Integration mit Photoshop
Verwenden Sie Designs und Elemente aus Photoshop in XD – einfach durch Öffnen der gewünschten PSD-Datei innerhalb der Anwendung. Die Datei wird automatisch in eine neue XD-Datei konvertiert.
Weitere Informationen ›
Kopieren von Symbolen zwischen Dokumenten
Das Kopieren und Einfügen von Symbolen zwischen XD-Dokumenten geht jetzt in einem Schritt. Das heißt, Sie müssen das Symbol nach dem Einfügen nicht mehr manuell in ein Symbol konvertieren.
Bearbeitung von Merkmalen gruppierter Elemente
Beschleunigen Sie den Design-Prozess durch die Anpassung von Eigenschaften gruppierter Elemente, z. B. Kontur oder Fläche.
Verbesserung bei Scrolling-Eigenschaften
Beim Prototyping lässt sich der Viewport einer scrollbaren Zeichenfläche direkt auf der Arbeitsfläche bearbeiten, ohne dass der Eigenschafteninspektor aufgerufen werden muss.
Verwendung von Sketch-Dateien
Öffnen Sie Designs und Elemente aus Sketch direkt in XD. Die Konvertierung in das XD-Format erfolgt automatisch.
Weitere Informationen ›
Adobe XD CC
Vektorgrafiken aus Creative Cloud-Bibliotheken
Vektorgrafiken, die Sie in einer Creative Cloud-Bibliothek gespeichert haben, lassen sich in Adobe XD anzeigen und verknüpft oder nicht verknüpft in Projekte einbinden. Änderungen an Icons, Illustrationen und anderen Grafiken, die Sie in Illustrator CC vornehmen, werden über die entsprechende Creative Cloud-Bibliothek mit Ihrem XD-Projekt synchronisiert.
Weitere Informationen ›
Beibehaltung der Scroll-Position
Mit dieser Option wird die aktuelle Scroll-Position beim Wechsel zwischen Screens beibehalten.
Stift und Touch-Gesten unter Windows 10
Neben Maus und Tastatur können Sie jetzt auch mit Stift und Touch-Gesten Elemente erzeugen, Prototypen verdrahten, innerhalb von Ebenen navigieren u. v. m.
Layout-Raster in Design-Spezifikationen
Zeigen Sie Layout-Raster in Design-Spezifikationen an, damit Entwickler die Attribute für Spaltenraster wie Ränder und Spaltenabstände sehen können.
Pipette zurück im Eigenschafteninspektor
Auf vielfachen Wunsch hin ist die Pipette wieder im Eigenschafteninspektor zu finden, um die Aufnahme von Farben zu erleichtern.
Adobe XD CC
Integration mit Drittanbieter-Lösungen
Adobe XD ist mit Workflow-Tools wie Zeplin, Avocode, Sympli, ProtoPie und Kite Compositor integrierbar. Beginnen Sie Ihr Design in XD, und laden Sie es anschließend in Ihr Lieblings-Tool, um das Projekt schneller für die Entwicklung vorzubereiten oder anspruchsvolle Animationen zu realisieren. Diese Option ist nur unter macOS verfügbar.
Weitere Informationen ›
Bessere Zoom-Performance
Ein- und Auszoomen oder der Wechsel von einem Screen zum anderen bremsen Sie nicht mehr aus – egal ob Sie mit zehn oder 1.000 Zeichenflächen arbeiten.
So funktioniert’s ›
Vorschau von XD-Dateien direkt in Dropbox
In Dropbox gespeicherte XD-Dateien lassen sich als Vorschau öffnen, ohne dass die Datei heruntergeladen werden muss.
Weitere Informationen ›
Unterstützung verschiedener Farbmodelle
Im Dropdown-Menü des Farbwählers können Sie zwischen HEX, RGB und HSB wechseln.
Radiale Farbverläufe
Mithilfe von radialen Farbverläufen lassen sich Lichtquellen simulieren, benutzerdefinierte Bildmasken erstellen u. v. m. Verläufe definieren Sie im Farbwähler unter „Fläche“.
Verbesserungen für Design-Spezifikationen
Jetzt können Sie schneller und einfacher Maße ablesen, zu UI-Elementen navigieren, UI-Elemente aufrufen und mit maskierten Ebenen arbeiten.
Vollbildanzeige von Zeichenflächen
Designs in freigegebenen Prototypen werden im Vollbildmodus in Originalgröße angezeigt.
Batch-Export
Über das Datei-Menü können Sie Elemente als Batch exportieren. Machen Sie im Ebenen-Bedienfeld einen Rechtsklick oder Ctrl-Klick auf die betreffenden Objekte, um sie für den Export zu markieren.
Mehr dazu im XD-Blog ›
Adobe XD CC
Text unterstreichen
Über eine Tastenkombination oder eine Schaltfläche im Eigenschafteninspektor kann Text jetzt auch unterstrichen werden. Buchstaben mit Unterlängen wie p und g bleiben weiterhin lesbar.
Verschiedene Ausrichtungsarten für Konturen
Ändern Sie die Ausrichtung der Kontur (innen, außen oder zentriert) eines geschlossenen Objekts, z. B. eines Rechtecks oder Kreises, um Gewicht und Ausrichtung auf das gesamte Design abzustimmen.
Lizenzierung von Adobe Stock-Bildern
Wenn Sie ein Rasterbild aus Adobe Stock lizenzieren möchten, genügt ein Rechtsklick bzw. Ctrl-Klick auf die Datei im Bedienfeld für Creative Cloud-Bibliotheken.
Bearbeitung von Grafiken in Photoshop
Mit einem Rechtsklick bzw. Ctrl-Klick auf eine Rastergrafik im Bedienfeld für Creative Cloud-Bibliotheken können Sie das Bild zur Bearbeitung in Photoshop öffnen.
Weitere Veröffentlichungsoptionen für Prototypen
Aktivieren Sie die Hervorhebung von Hotspots, um interaktive Komponenten Ihres Prototyps besser erkennbar zu machen, und geben Sie das Ergebnis an Ihr Team weiter. Für eine Anzeige ohne Kommentare und sonstige zusätzliche Elemente wählen Sie den Vollbildmodus.
Verbesserte Design-Spezifikationen
Tipps und Verbesserungen für die Navigation und Eigenschaften erleichtern den Einstieg. Das Feature „Design-Spezifikationen“ ist jetzt in folgenden Sprachen verfügbar: Deutsch, Englisch, Französisch, Japanisch und Koreanisch.
Und vieles mehr
Weitere Neuerungen: Zugriff auf das Zoom-Werkzeug im Prototyping-Modus, Tastaturbefehle für die Schriftgröße u. v. m.
Mehr dazu im Adobe-Blog ›
Adobe XD CC
Design-Spezifikationen (Beta)
Schicken Sie Entwicklern einen Link zu Design-Spezifikationen, die automatisch anhand Ihres interaktiven Prototyps generiert wurden. Dazu gehören Angaben zur Reihenfolge der Zeichenflächen und zum User-Flow, Farben, Zeichenformate und Maße (Ausgabe derzeit nur in englischer Sprache).
So funktioniert’s ›
Layout-Raster
Nutzen Sie Layout-Raster mit anpassbaren Rändern und Stegen, um bildschirmübergreifend konsistente Designs zu erstellen und Proportionen abzugleichen. Im Eigenschafteninspektor können Sie zwischen Rasterkästchen und Layout-Raster wechseln.
JPEG-Export
Elemente und Zeichenflächen lassen sich direkt im JPEG-Format exportieren. Die Qualität des Exports können Sie exakt bestimmen – zwischen 1 und 100 Prozent.
Verbesserungen bei der Arbeit mit Text
Wechseln Sie mit nur einem Klick von Punkt- zu Flächentext (und umgekehrt). Bei der Erstellung eines neuen Textobjekts „merkt“ sich XD die zuletzt verwendeten Textmerkmale wie Schriftfamilie, Schriftgröße, Schriftstärke, Ausrichtung und Farbe.
Verbesserungen unter Windows 10
Die neuesten Updates für Windows 10 bringen Performance-Verbesserungen mit, z. B. Schwenken und Zoomen per Fingergeste, Kopieren von InDesign-Elementen in XD über die Zwischenablage und Import von SVG-Dateien inklusive extern verknüpfter Dateien.
Und vieles mehr
Weitere Neuerungen: Pipette im Farbwähler, sodass Sie Bezugsfarben für Verläufe und Farben für das Bedienfeld „Elemente“ aufnehmen können, sowie Verbesserungen beim Einfügen von kopierten Elementen.
Mehr dazu im XD-Blog ›
Adobe XD CC
Interaktive Prototypen
Gehen Sie mit einem Klick von Design zum Prototyping über. Verbinden Sie Zeichenflächen miteinander, um die Navigation innerhalb umfangreicher Apps zu veranschaulichen. Verknüpfen Sie Design-Elemente über Zeichenflächen hinweg, z. B. Zellen aus Wiederholungsrastern. Fügen Sie Interaktionen mithilfe visueller Steuerungen hinzu, um die Experience zu testen und validieren.
Veröffentlichen Sie Prototypen und holen Sie Feedback ein
Generieren Sie Weblinks zu Ihren Designs, die Sie an andere weitergeben können, um Feedback einzuholen. Oder betten Sie sie in eine Web-Seite ein, z. B. auf Behance. Kommentare können direkt am Prototyp oder an bestimmten Komponenten Ihres Designs angebracht werden. Sie werden benachrichtigt, sobald ein Kommentar hinzugefügt wurde. Um Ihre Änderungen sehen zu können, müssen Prüfer einfach nur den Link erneut im Browser laden.
Flüssiges Arbeiten mit Zeichenflächen
Ob Sie mit einer oder mit hunderten Zeichenflächen arbeiten, spielt keine Rolle: Auf die Performance von XD ist Verlass. Erstellen Sie beliebig viele Designs für unterschiedliche Bildschirme und Geräte innerhalb eines Projekts. Schwenken und zoomen Sie ohne Ruckeln oder Stottern. Wählen Sie eine Vorlage, oder definieren Sie Ihre eigenen Zeichenflächen. Kopieren Sie Design-Elemente zwischen Zeichenflächen, während das Layout erhalten bleibt.
Wiederholungsraster
Wählen Sie ein Element in Ihrem Design aus, z. B. eine Kontaktliste oder eine Fotogalerie, und duplizieren Sie es beliebig oft in horizontaler oder vertikaler Richtung. Alle Stile und Abstände bleiben dabei erhalten. Wenn Sie das Element bearbeiten, werden die Änderungen im gesamten Design übernommen.
Plattformübergreifende Unterstützung
Adobe XD bietet native Unterstützung für Windows 10 (Universal Windows Platform), macOS, Android und iOS.
Bedienfeld „Elemente“
Farben und Zeichenformate sind griffbereit und wiederverwendbar, wenn Sie sie zum Bedienfeld „Elemente“ hinzufügen (früher „Symbole“). In diesem Bedienfeld sind auch die Symbole enthalten. Wenn Sie eine Farbe oder ein Format im Bedienfeld bearbeiten, wird die Änderung automatisch im gesamten Dokument ausgeführt.
Symbole der nächsten Generation
Arbeiten Sie mit zeitsparenden Symbolen. Die gebrauchsfertigen Design-Komponenten machen es überflüssig, jede Instanz eines Elements in einem Dokument zu suchen und einzeln zu bearbeiten. Wenn Sie eine Instanz bearbeiten, werden alle anderen Instanzen automatisch aktualisiert. Das Überschreiben bestimmter Instanzen ist ebenfalls möglich. Bei den Symbolen kann es sich um Vektorgrafiken, Rasterbilder oder Textobjekte handeln, die Sie auch als Objekte innerhalb von Wiederholungsrastern verwenden können.
Creative Cloud-Bibliotheken
Dank Integration mit Creative Cloud-Bibliotheken können Sie direkt von Adobe XD CC aus auf Rasterbilder, Farben und Zeichenformate zugreifen, die in Photoshop CC, Illustrator CC oder einer anderen Creative Cloud-Applikation erstellt wurden, und sie in Ihrem Design verwerten.
Kontextabhängiger Eigenschafteninspektor
Der kontextbezogene Eigenschafteninspektor zeigt jeweils nur die relevanten Optionen für die aktuell ausgewählten Objekte an. Ändern Sie Eigenschaften wie Rahmenfarbe und -stärke, Flächenfarben, Tiefen, Weichzeichnung, Deckkraft und Drehung. Sie haben auch Zugriff auf Optionen für die Ausrichtung, Abmessungen und Wiederholungsraster.
Intelligente Navigation auf der Arbeitsfläche
Zoomen Sie einen bestimmten Bereich Ihres Designs heran, oder wählen Sie einen Bereich auf einer Zeichenfläche aus, an den Sie dann per Tastaturbefehl direkt heranzoomen können. Zum Schwenken und Zoomen können Sie die Maus, das Touchpad oder die Tastatur verwenden. Unabhängig von der Zahl der Zeichenflächen bleibt die Performance von XD gleich.
Kontextbezogene Anzeige von Ebenen
Durch die kontextbezogene Anzeige von Ebenen behalten Sie auch in komplexen Designs den Überblick. XD hebt nur die Ebenen hervor, die mit der aktiven Zeichenfläche verbunden sind, sodass Sie schnell und einfach das finden, was Sie brauchen.
Layouttools als Orientierungshilfe
Raster dienen als Orientierungshilfe beim Zeichnen, Wiederverwenden und Zusammensetzen von Design-Elementen. Verwenden Sie intuitive Layout-Werkzeuge zum Gruppieren, Sperren, Ausrichten, Maskieren und Verteilen von Design-Elementen.
Weichzeichnungseffekte
Durch die Weichzeichnung eines bestimmten Objekts oder des gesamten Hintergrunds ändern Sie den Fokus in Ihrem Design und erzeugen den Eindruck von Tiefe.
Lineare Verläufe
Mithilfe einfacher, aber präziser visueller Steuerungen im Farbwähler können Sie lineare Farbverläufe erstellen. Sie haben auch die Möglichkeit, Verläufe aus Photoshop CC und Illustrator CC zu importieren.
Innovativer Zeichenstift
Mit dem Zeichenstift können Sie Formen und Pfade schnell erstellen. Zeichnen Sie Pfade, fügen Sie Ankerpunkte hinzu oder entfernen Sie sie, bearbeiten Sie Linien, und wechseln Sie zwischen Kurven und Geraden − alles mit ein und demselben Tool.
Boolesche Funktionen
Mithilfe von booleschen Operatoren lassen sich Objektgruppen verlustfrei zu komplexen Formen kombinieren.
Typografische Gestaltung
Formatieren Sie Text mit präziser Kontrolle, um die User Experience zu verbessern. Typografische Eigenschaften wie Schriftart, Schriftschnitt, Größe, Ausrichtung, Zeichenabstand und Zeilenabstand lassen sich einfach anpassen. Texte können Sie genauso wie andere Design-Elemente innerhalb XD bearbeiten, z. B. durch Deckkraft, Fläche, Hintergrund, Weichzeichnereffekte und Rahmen.
Verbesserte Kontrolle über die Farbgebung
Um Farben auszuwählen, können Sie entweder den genauen Farbwert eingeben oder mithilfe der Pipette eine Farbe innerhalb oder außerhalb von XD aufnehmen. Erstellen und speichern Sie Farbfelder, und verwenden Sie die Kurzschreibweise für Hex-Werte im Farbwähler.
UI-Ressourcen
Mithilfe von hochwertigen UI-Komponenten können Sie schnell und einfach Designs und Prototypen für Apple iOS, Google Material Design und Microsoft Windows erstellen.
Inhalte über die Zwischenablage aus anderen Design-Applikationen kopieren
Import von Elementen aus Photoshop CC und Illustrator CC
Echtzeitansicht für iOS und Android
Testen Sie Ihre Designs und sämtliche damit verbundenen Interaktionen in einer Echtzeitansicht auf dem Zielgerät. Nehmen Sie Änderungen auf dem Desktop vor, und testen Sie das Ergebnis dann auf Zuverlässigkeit und Usability direkt auf den entsprechenden Geräten.
Hervorheben von Hotspots
Heben Sie automatisch Hotspots in Ihren Prototypen hervor, sodass Anwender sofort erkennen können, welche Bereiche interaktiv und klickbar sind.
Verwaltung von Prototypen
Um verschiedene Versionsstände Ihres Prototyps freizugeben, können Sie nun einfach zusätzliche URLs unter Beibehaltung der Vorversionen erzeugen lassen. Geben Sie beliebig viele Prototypen an andere weiter. Ihre Prototypen lassen sich über Ihr Creative Cloud-Konto abrufen und löschen.
Interaktionen des Prototyps als Video aufzeichnen
Zeichnen Sie Ihren Test eines Prototyps als MP4-Datei auf. Das Ergebnis können Sie an Team-Mitglieder oder Kunden weitergeben (nur macOS).
Design-Elemente und Zeichenflächen exportieren
Exportieren Sie Bilder und Designs als PNGs oder SVGs, die Sie für iOS, Android, das Web oder Ihre eigenen benutzerdefinierten Einstellungen konfigurieren können. Sie können eine ganze Zeichenfläche oder nur einzelne Elemente exportieren. Elemente und Zeichenflächen lassen sich einzeln oder gruppenweise als PDF-Datei exportieren – ideal für die Abstimmung im Team oder mit Kunden.
Unterstützung mehrerer Sprachen
XD ist in folgenden Sprachen verfügbar: Deutsch, Englisch, Französisch, Japanisch und Koreanisch.
E-Mail-Benachrichtigungen bei Kommentaren
Lassen Sie sich per E-Mail informieren, wenn Kommentare zu Ihrem Prototyp hinzugefügt wurden. E-Mail-Nachrichten können einzeln oder gesammelt als tägliche Zusammenfassung versendet werden.