Editierbare Vektoren in Illustrator.

Wenn Sie vektorbasierte Inhalte von Adobe XD nach Illustrator kopieren, werden sie nicht in Pixel umgewandelt, sondern bleiben vollständig editierbar.

Gruppenübergreifende Änderung von Objektattributen.

Wenn mehrere Objekte in verschiedenen Gruppen gemeinsame Attribute haben, können sie über den Eigenschafteninspektor alle auf einmal geändert werden. Wählen Sie die Objekte durch Befehl+Umschalt+Klick (macOS) bzw. Strg+Umschalt+Klick (Windows) aus.

Ziehgesten im Webbrowser.

Bei der Überprüfung von Prototypen und Design-Spezifikationen im Browser werden jetzt Animationen von Ziehgesten angezeigt.

Mehr Kontrolle bei Usability-Tests.

Deaktivieren Sie Navigationssteuerungen in Web-Prototypen. So schaffen Sie eine kontrolliertere Umgebung für Tests an Ihren Designs.

Markieren von Inhalten für den Export.

Objekte werden automatisch für den Export markiert, wenn Sie Bilder aus Photoshop und Illustrator importieren. Sie können aber auch ein Objekt auf Ihrer Zeichenfläche auswählen und über den Eigenschafteninspektor oder das Kontextmenü für den Export markieren.

Verbessertes Schriften-Management.

Probleme mit fehlenden Schriften lassen sich leicht beheben. Denn Adobe Fonts wird beim Öffnen eines Adobe XD-Dokuments automatisch aktiviert. Fehlende Schriften, die nicht über Adobe Fonts erhältlich sind, sind leicht zu erkennen und lassen sich global ersetzen.

Verbesserte Integration mit Jira.

Schneller vom Design zum Prototyp: Im Team freigegebene Adobe XD-Designs sind jetzt nicht nur über Jira Software Cloud, sondern auch über Jira Software Server und Jira Software Data Center abrufbar.
Weitere Infos ›

Erfahren Sie mehr über die neuesten Features.

Weitere Informationen zum März-Release finden Sie im XD-Blog.
Zum Blog ›

Tastaturbefehl für die Pipette.

Objektfarben lassen sich jetzt noch einfacher ändern. Wählen Sie das betreffende Objekt auf der Arbeitsfläche aus, und drücken Sie die I-Taste, um das Pipetten-Werkzeug aufzurufen.

Aufzeichnung von Interaktionen inkl. Audio.

Interaktionen mit der Desktop-Vorschau Ihrer User Experience können Sie inkl. Begleitkommentare aufnehmen und als MP4-Datei weitergeben (nur macOS).

Unterstützung mehrerer Sprachen.

Neben Deutsch, Englisch, Französisch, Japanisch und Koreanisch unterstützt Adobe XD jetzt auch Portugiesisch (Brasilien) und Spanisch.

Erfahren Sie mehr über die neuesten Features.

Weitere Informationen zum Februar-Release finden Sie im XD-Blog.
Zum Blog ›

„Auto-Animate“ im Browser.

Das seit Oktober verfügbare Feature „Auto-Animate“ wird jetzt auch im Browser unterstützt, sodass Sie animierte Übergänge zwischen den Zeichenflächen Ihrer Prototypen testen können.

Anzeige von Kommentaren über Zeichenflächen hinweg.

Aktivieren Sie im Bedienfeld „Kommentare“ die Option „Alle Kommentare anzeigen“, um das Feedback für alle Zeichenflächen einzusehen. Klicken Sie auf einen Kommentar zu einem Prototyp oder einer Design-Spezifikation, und rufen Sie die entsprechende Zeichenfläche auf, um das Feedback zu beantworten, zu implementieren oder zu löschen.

Erweiterte Unterstützung für Sprachsteuerung und Akzente.

Sprachbefehle und Sprachwiedergabe können nun in allen von Adobe XD unterstützten Sprachen genutzt werden. Bei der Spracherkennung werden Akzente noch genauer erfasst. Die Sprachwiedergabe wurde durch verschiedene Akzente erweitert, die für einzelne Regionen typisch sind.

Erfahren Sie mehr über die neuesten Features.

Weitere Informationen zum Januar-Release finden Sie im XD-Blog.
Zum Blog ›

Automatisches Speichern.

Als Cloud-Dokumente gespeicherte Arbeit wird von Adobe XD bei Änderungen automatisch aktualisiert. So geht keine Arbeitszeit verloren.

Ortsunabhängig arbeiten.

Sämtliche Dokumente, auch freigegebene, lassen sich direkt von XD aus finden. Dateien, die als Cloud-Dokumente gespeichert werden, sind auf jedem Gerät abrufbar.

Raschere Freigabe.

Speichern Sie Dokumente in der Cloud, um sie schneller für Mitarbeiter und Teams freizugeben.

Suche im Bedienfeld „Ebenen“.

Die direkte Suche nach bestimmten Elementen und das Filtern nach Text, Form und Bildkategorie erleichtern die Arbeit mit Ebenen.

Spiegeln von Objekten.

Objekte lassen sich auf der Arbeitsfläche horizontal und/oder vertikal spiegeln. Die Spiegelungsoptionen lassen sich über einen Wechselschalter auswählen.

Updates von verknüpften Symbolen.

Prüfen Sie Design-Änderungen an verknüpften Symbolen auf der Arbeitsfläche, bevor Sie die Datei aktualisieren.

Verbesserte Anzeige auf Mobilgeräten.

Auf Mobilgeräten können Prototypen jetzt im Vollbildmodus angezeigt werden. Die Buttons für Zurück, Weiter und Home erleichtern die Navigation zwischen Zeichenflächen.

Verbesserter Import.

Konvertieren Sie Smart-Objekte aus Photoshop oder Illustrator in vollständig editierbare Elemente in Adobe XD. Wählen Sie dazu „Datei“ > „Importieren“ oder „Datei“ > „Öffnen“.

Erfahren Sie mehr über die neuesten Features.

Weitere Informationen zum Dezember-Release finden Sie im XD-Blog.
Zum Blog ›

Voice UI mit Sprachbefehlen und -wiedergabe.

Sprachbefehle und Sprachwiedergabe erlauben Design und Prototyping für Voice UI.
Weitere Informationen ›

Plug-ins.

Der Funktionsumfang von Adobe XD CC lässt sich mit Plug-ins aus der Entwickler-Community erweitern. Durchsuchen Sie die wachsende Sammlung direkt in XD nach passenden Lösungen, um Aufgaben zu automatisieren, XD mit anderen Tools zusammenarbeiten zu lassen, mithilfe von externen Daten zu designen und vieles mehr.
Alle Plug-ins ›

Integrationen.

Adobe XD CC ist mit weiteren Tools für Zusammenarbeit und Produktivität integriert, u. a. Slack, JIRA und Microsoft Teams.
Alle Integrationen ›

Auto-Animate.

Automatisches Animieren von Mikrointeraktionen zwischen Zeichenflächen. Wenn Sie ein Element duplizieren und Eigenschaften der Kopie ändern (z. B. Größe, Position, Farbe usw.), wird diese Änderung automatisch vom Programm als Animation umgesetzt.
Weitere Informationen ›

Verknüpfte Symbole.

Änderungen an Symbolen, die über die Zwischenablage in einen Prototyp kopiert werden, lassen sich viel einfacher handhaben, wenn diese mit dem Original verknüpft bleiben. Sollte sich an der Quelldatei etwas ändern, werden Sie benachrichtigt und können entscheiden, ob Sie die Änderung annehmen möchten.
Weitere Informationen ›

Integration mit Adobe Illustrator.

Illustrator-Dateien lassen sich direkt in XD öffnen und werden dabei automatisch in eine neue XD-Datei umgewandelt. Zeichenflächen und Ebenen bleiben erhalten und sind weiterhin editierbar.
Weitere Informationen ›

Export für Adobe After Effects.

Exportieren Sie Ihre Designs zur Weiterbearbeitung und Optimierung in Adobe After Effects, dem Branchenstandard für Motion Graphics.
Weitere Informationen ›

Gesten für Prototypen.

XD-Prototypen unterstützen Gesten, um User Experiences wie das Verschieben von Karten oder Bildschirmen zu simulieren.
Weitere Informationen ›

Neu gestalteter Startbildschirm.

Jetzt können Sie von einem einzigen Bildschirm aus auf Plug-ins, UI-Kits und Integrationen zugreifen.

Und vieles mehr.

Weitere Informationen zum Oktober-Release finden Sie im XD-Blog.
Zum Blog ›

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 mithilfe von Adobe Sensei KI und Machine Learning automatisch die neue Position.

Weitere Informationen ›

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.

Die Vollbildanzeige von Prototypen im Browser wurde verbessert.

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.

Und vieles mehr.

Weitere Informationen zum August-Release finden Sie im XD-Blog.
Zum Blog ›

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.

Und vieles mehr.

Weitere Informationen zum Juli-Release finden Sie im XD-Blog.
Zum Blog ›

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.

Mathematische Berechnungen.

Numerische Werte im Eigenschafteninspektor, z. B. für Spaltengrößen oder die Position von Elementen, lassen sich nun als mathematische Berechnung eingeben.

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.

Per Kennwort geschützte Design-Spezifikationen.

Kontrollieren Sie per Kennwortschutz, wer Ihre Design-Spezifikationen sehen kann.

Per Kennwort geschützte 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).

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 ›

Vektorgrafiken aus Creative Cloud-Bibliotheken.

Vektorgrafiken, die Sie in einer Adobe 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.

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.

Anzeige von Zeichenflächen bei 100 %.

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 ›

Unterstreichung von Text.

Ü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 Adobe Photoshop CC ö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 XD-Blog ›

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 Adobe 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 ›

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.

Prototypen für Feedback veröffentlichen.

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.

Weichzeichnereffekte.

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.

Importieren Sie Elemente aus Photoshop CC und Illustrator CC in Ihre Adobe XD-Projekte.

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.