Perfekt für deine Arbeitsweise.

Durchdachte Funktionen unterstützen dich in allen Phasen deines Workflows.

      

LAYOUT UND DESIGN

Schneller zum perfekten Design

Experimentiere mit Farben und Stilen, erstelle Layouts, und lasse deine Ideen wahr werden.

3D-Transformationen

Verleihe deinen Designs mehr Tiefe und Perspektive. Bewege Objekte im dreidimensionalen Raum. Präsentiere dein Projekt in einer neuen Dimension.

Komponenten

Erstelle wiederverwendbare Buttons. Gestalte skalierbare Karten. Übertrage deine Änderungen automatisch auf alle Designs.

Komponenten

Zustände

Füge Zustände wie „Hover“ und „Aktiviert/deaktiviert“ hinzu. Erstelle Interaktionen und beliebig viele Varianten einer Komponente für jedes Szenario.

Zustände

Wiederholungsraster

Dupliziere Galerien und Listen. Nimm Änderungen in Echtzeit vor. Elemente lassen sich in jede beliebige Richtung verschieben und wiederholen.

Wiederholungsraster

Inhaltsbasiertes Layout

Ersetze und skaliere Inhalte. Profitiere von automatischen Änderungen, die manuelle Korrekturen überflüssig machen.

Import aus Photoshop, Illustrator und Sketch

Bearbeite Projekte, ohne komplett neu anfangen zu müssen. Nutze die Vorteile deiner bevorzugten Tools direkt in XD.

Zustände

Responsive Resize

Skaliere Komponenten für unterschiedliche Bildschirmgrößen.


Adobe Fonts

Wähle aus mehreren Tausend Schriften und synchronisiere sie für alle Designs über deinen Creative Cloud-Account. Schriften suchen


In Photoshop bearbeiten

Nimm Änderungen in Photoshop vor, die sofort in deine Designs in XD übernommen werden.


Füllmethoden

Erstelle stilistische Effekte mit kombinierten Ebenen und Bildern.


Vektor-Zeichenwerkzeuge

Zeichne Formen, Linien und Pfade, um UI-Elemente und Layouts zu erstellen.


Weichgezeichnete Objekte und Hintergründe

Füge Unschärfeeffekte hinzu, um bestimmte Bereiche deines Designs in den Vordergrund zu stellen.



         

PROTOTYPING UND ANIMATION

Noch Design oder schon real?

Füge User-Flows, Interaktionen und Bewegung hinzu – ohne Programmieraufwand.

Auto-Animate

Erstelle Mikrointeraktionen. Füge Animationen hinzu. Beeindrucke deine Zielgruppe mit professionellen Bewegungseffekten.

Auto-Animate

Prototypen mit Sprachunterstützung

Erstelle Sprachbefehle. Integriere Sprachwiedergabe. Designe für die sprachgesteuerte Interaktion.

Prototypen mit Sprachunterstützung

Bildlaufgruppen

Gestalte interaktive Karussells. Animiere Listen und Menüs in einer Schleife. Lege scrollbare Bereiche in deinen Designs fest.

Bildlaufgruppen

Anker-Links

Füge Navigationsmenüs hinzu. Erstelle Interaktionen für die schnelle Navigation nach oben. Verwende klickbare Links, um zu verschiedenen Punkten im Design zu springen.

Unterstützung für Tastatur und Gamepad

Erstelle Interaktionen, die mit der Tastatur oder dem Gamepad ausgelöst werden.


Audiowiedergabe

Gestalte originelle Designs mit Sound-Effekten.


Export für Adobe After Effects

Exportiere Zeichenflächen und Ebenen aus XD in ein After Effects-Projekt, um deine Animationen weiterzuentwickeln.


Echtzeitansicht auf iOS/Android

Mit der XD-App für iOS oder Android kannst du Prototypen für Smartphones oder Tablets in einer Vorschau testen.


Wireframes und Trigger

Verbinde Zeichenflächen miteinander, und wähle Trigger für Interaktionen aus.


Overlays

Erstelle Menüs, Dialogfelder, virtuelle Tastaturen und andere visuelle Elemente, die als Overlays über den Inhalten eingeblendet werden.



           

Zusammenarbeit und Übergabe

Im Team das Tempo halten

Vereinfache die Zusammenarbeit an Projekten, damit einer pünktlichen Übergabe nichts mehr im Weg steht.

Co-Editing

Arbeite gleichzeitig mit anderen an einem Projekt. Sammle alle benötigten Elemente an einem Ort. Halte alle Team-Mitglieder auf dem neuesten Stand, egal wo sie gerade sind.

Co-Editing

Freigabe von Links

Veröffentliche Links zu deinen Designs. Gib sie für Stakeholder frei. Hole schnell Feedback von Projektbeteiligten ein.

Design-Spezifikationen

Stelle Layouts und Elemente zur Verfügung. Biete Entwicklern die CSS-Snippets, die sie brauchen. Versende Links zu deinen Designs.

Design-Spezifikationen

Design-Token

Vergib Namen für Farben und Zeichenformate, um die Programmierung zu erleichtern.


Dokumentverlauf

Kehre jederzeit zu einer früheren Design-Version zurück.


Kommentare und @mentions

Folge Konversationen und Feedback von Projektbeteiligten direkt über deine Links.


Private Einladungen

Anhand von privaten Einladungen per E-Mail kannst du den Zugriff auf freigegebene Links und Design-Spezifikationen beschränken.


Kennwortschutz

Mit selbst definierten Kennwörtern kannst du Links und Design-Spezifikationen zusätzlich schützen.


Videoaufzeichnung

Zeige Prototypen in einer Vorschau für den Desktop-Vorschau an, und zeichne die Interaktionen auf (nur für macOS).



              

Design-Systeme

Für jede Aufgabe bereit

Stelle Elemente und Komponenten zentral für alle Projekte zur Verfügung.

Creative Cloud-Bibliotheken

Greife auf Logos, Farben und Grafiken zu, die in Programmen wie Photoshop und Illustrator erstellt wurden.

Design-Spezifikationen

              

ERWEITERBARKEIT

Wächst mit deinen Bedürfnissen

Nutze die Vorteile von XD auch in Programmen und Tools anderer Anbieter.

Plug-ins für XD

Automatisiere Aufgaben. Optimiere deine Designs. Entdecke neue Features mit mehr als 200 Plug-ins.

App-Integrationen

Nutze die Anbindung von XD an andere Programme wie Dropbox Paper, Jira, Microsoft Teams, Slack oder Zeplin.

APIs für Plug-ins

Füge deine eigenen Funktionen hinzu. Erstelle benutzerdefinierte Plug-ins. Verknüpfe XD mit anderen Tools, und automatisiere deinen Workflow.

APIs für Plug-ins