Funktionen von XD.

Adobe XD bietet ein umfassendes Toolset für Design, Prototyping, Freigabe und Abstimmung von User Experiences. Bei der Weiterentwicklung von XD fließt der Input aus der Community ein. Jeden Monat werden neue und verbesserte Features veröffentlicht.

Zu den Neuerungen

 

Du hast Verbesserungsvorschläge für XD? Teile sie uns mit.

Designe Experiences.

Der Weg vom Wireframe zum fertigen Design war noch nie so kurz. Mit Zeichenwerkzeugen, Farben, Zeichenformaten, Rastern, Hilfslinien und anderen Tools hast du alles, was du brauchst, um deinem User Interface den gewünschten Look zu verleihen.

Komponenten.

Erstelle Design-Elemente, die du im selben oder auch in anderen XD-Dokumenten wiederverwenden kannst. Änderungen an der Primärkomponente werden auf alle Instanzen angewandt. Du kannst aber auch die Eigenschaften einer einzelnen Komponenteninstanz überschreiben. Dann wird nur diese geändert.

Zustand

Zustände.

Erstelle Varianten einer Komponente, die mit verschiedenen Interaktionen verbunden sind, z. B. für einen gedrückten oder deaktivierten Button, Hover oder erfolgreiche Ausführung. So vermeidest du doppelte Arbeit und kannst deine Intention besser kommunizieren.

In Photoshop bearbeiten.

Bilder lassen sich direkt von XD aus in Photoshop öffnen und bearbeiten. Mache einen Rechtsklick bzw. Ctrl-Klick auf ein Bild, öffne und bearbeite es in Photoshop, und klicke auf „Speichern“ – deine Änderungen werden automatisch in XD übernommen.

Wiederholungsraster.

Wähle ein Element in deinem Design aus, und dupliziere es beliebig oft. Änderungen an einem Objekt werden automatisch auf das gesamte Raster übertragen. Passe den Abstand zwischen Elementen an. Importiere Daten, indem du eine TXT-Datei per Drag-and-Drop auf das Raster ziehst.

Zeichenwerkzeuge.

Die Zeichen- und Formwerkzeuge, booleschen Operatoren, Füllmethoden und Vektorbearbeitungsfunktionen sind für die Erstellung von Wireframes, Icons, Komponenten und anderen visuellen Elementen optimiert.

Responsive Resize.

Objekt- oder Komponentengruppen lassen sich für unterschiedliche Bildschirmgrößen skalieren. Ihre Platzierung und relative Größe bleiben unverändert.

Integration mit Adobe Fonts.

Probleme mit fehlenden Schriften lassen sich leicht beheben. Denn Adobe Fonts wird beim Öffnen eines Adobe XD-Dokuments automatisch aktiviert.

Präzise Design-Werkzeuge.

Hilfslinien auf den Zeichenflächen, Layout-Raster, Tastaturbefehle zum Verschieben und Skalieren sowie Funktionen für relative Messungen helfen dir beim Anordnen und Ausrichten von Design-Elementen.

Import aus Sketch, Photoshop und Illustrator.

Importiere und bearbeite Dateien aus anderen Design-Programmen von Adobe in XD. Sie werden automatisch in das XD-Format konvertiert.

Export für Elemente.

Markiere mehrere Elemente, um sie stapelweise in ein Zielformat zu exportieren. Die Auswahl kann auch in die Design-Spezifikationen aufgenommen werden, über die Entwickler Elemente herunterladen können.

Erstelle dynamische UX.

Verwandle statische Designs in fesselnde User Experiences. Füge Interaktionen, Bewegung und Animation hinzu.

Zustände

Interaktionen.

Verbinde Zeichenflächen miteinander, um den User-Flow und die Beschaffenheit deiner Experiences zu veranschaulichen. Eine Reihe von Triggern und Aktionen hilft dir bei der Definition der gewünschten User Experience.

 

Zustände

Trigger.

Ob für Gesten auf Smartphone und Tablet, Tastatureingaben, Übergänge mit Zeitsteuerung, Sprachbefehle oder Gamecontroller: Mit XD kannst du realistische Prototypen für jede Art von Experience erstellen.

preview

Vorschau.

Mit der XD-App für iOS und Android kannst du deine Experiences in Echtzeit auf dem Zielgerät überprüfen. Nimm Änderungen auf dem Desktop vor, und teste das Ergebnis dann auf Zuverlässigkeit und Usability direkt auf den entsprechenden Geräten.

 

Auto-Animate.

Erstelle Mikrointeraktionen zwischen Zeichenflächen. Wenn du ein Element duplizierst und Eigenschaften der Kopie änderst (z. B. Größe, Position oder Farbe), wird diese Änderung automatisch vom Programm als Animation umgesetzt.

 

Overlays zur Stapelung von Inhalten.

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

 

Beibehaltung der Scroll-Position.

Wenn bestimmte Elemente beim Scrollen permanent sichtbar sein sollen, z. B. Header oder Footer, kannst du ihre Position fixieren.

 

Export für Adobe After Effects.

Exportiere deine Designs zur Weiterbearbeitung und Optimierung in Adobe After Effects, dem Branchenstandard für Spezialeffekte und Animation.

Arbeite im Team.

XD macht die Zusammenarbeit in jeder Phase des Kreativprozesses einfacher: ob beim Brainstorming, Einholen von Feedback oder bei der Kommunikation mit Entwicklern.

Zustände

Co-Editing.

Arbeite mit anderen Projektbeteiligten gleichzeitig an einem Dokument. So vermeidest du doppelte Arbeit. Du siehst bei der Bearbeitung genau, wo andere am Dokument arbeiten.

Zustände

Dokumentchronik.

Behalte den Überblick über den gesamten Design-Prozess. XD speichert während der Bearbeitung automatisch alle Schritte, sodass du an jedem Punkt zu einer früheren Version zurückkehren kannst. Markiere bestimmte Versionen als Meilenstein, um weiterhin auf wichtige Phasen im Design-Prozess zuzugreifen.

Zustände

Freigabe für Reviewer.

Generiere Links zu deinen Designs, die du an andere weitergeben kannst, um Feedback einzuholen. Oder bette sie in eine Web-Seite ein, z. B. auf Behance. Kommentare lassen sich direkt am Prototyp anbringen – im Web oder mit dem Mobilgerät.

Bereitstellung für Entwickler.

Freigabe für Entwickler.

Schicke Entwicklern einen Link zu Design-Spezifikationen. Sie enthalten Angaben zum User-Flow, zu Elementen für den Download, Farben, Zeichenformaten, Maßen sowie CSS-Codesnippets, die Entwickler in ihren Code kopieren können.

 

Einladung zur gemeinsamen Bearbeitung.

Lade andere Designer zur gemeinsamen Arbeit an einem Dokument ein. Mit XD stellst du sicher, dass alle Beteiligten auf die jeweils aktuelle Version zugreifen.

Private Einladungen.

Anhand von privaten Einladungen kannst du den Zugriff auf freigegebene Inhalte beschränken. So behältst du stets die Kontrolle darüber, wer Prototypen überprüfen und kommentieren oder auf Design-Spezifikationen zugreifen kann.

Cloud-Dokumente.

Speichere deine Arbeit als Cloud-Dokument, um sie schnell für andere Projektbeteiligte bereitzustellen oder als Vorlage zu nutzen. Cloud-Dokumente werden von XD automatisch aktualisiert, sodass deine Arbeit stets gesichert ist.

Aufzeichnung von Testläufen.

Zeichne eine MP4-Datei auf, während du ein Design durchtestest. Das Ergebnis kannst du an Team-Mitglieder oder Kunden weitergeben. (Nur für macOS.)

Integrationen.

XD arbeitet mit anderen Tools für Zusammenarbeit und Produktivität, z. B. Jira, Airtable, Slack und Microsoft Teams.

Skaliere über Design-Systeme.

Erstelle und verwalte das Design-System deines Teams in XD, um die Produktivität des Teams zu steigern und Markenkonsistenz für alle Experiences sicherzustellen.

 

Cloud-Dokumente.

Speichere deine Arbeit als Cloud-Dokument, um sie schnell für andere Projektbeteiligte bereitzustellen oder als Vorlage zu nutzen. Cloud-Dokumente werden von XD automatisch aktualisiert, sodass deine Arbeit stets gesichert ist.

Verknüpfte Elemente.

Verwalte Farben, Zeichenformate und Komponenten aus freigegebenen Cloud-Dokumenten im Bedienfeld „Elemente“. Sollte sich an einem verknüpften Element etwas ändern, wirst du benachrichtigt und kannst entscheiden, ob du die Änderung annehmen möchtest.

 

 

Unterstützung von Creative Cloud-Bibliotheken.

Du kannst direkt von Adobe XD aus auf Bewegtbilder, Vektorgrafiken, Farben und Zeichenformate zugreifen, die in Photoshop, Illustrator oder einer anderen Creative Cloud-Applikation erstellt wurden, und sie in deinem Design verwerten.

Nutze die Plattform, die sich an deine Bedürfnisse anpasst.

XD ist eine offene Plattform, die nahtlos mit deinen Lieblings-Tools zusammenarbeitet. Du hast Zugriff auf Plug-ins und kannst sogar deine eigenen erstellen.  
Weitere Infos

 

Bild

Zusammenarbeit mit anderen Programmen.

Das Hin und Her zwischen mehreren Programmen ist vorbei. Durch die Integration von XD mit beliebten Tools wie Slack, JIRA, Microsoft Teams und Zeplin kannst du deinen Kreativ-Workflow beschleunigen.

XD

Verknüpfte Elemente.

Verwalte Farben, Zeichenformate und Komponenten aus freigegebenen Cloud-Dokumenten im Bedienfeld „Elemente“. Sollte sich an einem verknüpften Element etwas ändern, wirst du benachrichtigt und kannst entscheiden, ob du die Änderung annehmen möchtest.

Brackets

Unterstützung von Creative Cloud-Bibliotheken.

Du kannst direkt von Adobe XD aus auf Bewegtbilder, Vektorgrafiken, Farben und Zeichenformate zugreifen, die in Photoshop, Illustrator oder einer anderen Creative Cloud-Applikation erstellt wurden, und sie in deinem Design verwerten.

Arbeite so, wie es für dich am besten funktioniert.

XD unterstützt mehrere Plattformen und Sprachen, sodass du vom Betriebssystem unabhängig mit anderen zusammenarbeiten, deine Experiences auf verschiedenen Geräten testen und die Anwendung in der Sprache deiner Wahl verwenden kannst.

 

Bild

Verfügbar für macOS und Windows.

Adobe XD ist für Windows 10 (Universal Windows Platform) und macOS verfügbar.

XD

Smartphone und Tablet.

Mit den Apps für iOS und Android kannst du deine Mobile Designs und interaktiven Prototypen während der Bearbeitung live testen.

Brackets

Zahlreiche Sprachen.

XD unterstützt die Sprachen Englisch, Französisch, Deutsch, Japanisch, Chinesisch, Koreanisch, Portugiesisch (Brasilien) und Spanisch.

Für jeden Bedarf das passende Abo.

XD Starter-Abo

Kostenlos

1 aktiver freigegebener Prototyp

1 aktive freigegebene Design-Spezifikation

Adobe Fonts Free (Gratisauswahl an Schriften)

2 GB Cloud-Speicherplatz

XD

11,89 € pro Monat und Anwender.

Unbegrenzte Anzahl Prototypen

Unbegrenzte Anzahl Design-Spezifikationen

Adobe Fonts Portfolio (komplette Schriftenbibliothek)

100 GB Cloud-Speicherplatz

XD für Teams

19,99 € pro Monat und Anwender (exkl. MwSt.)

Unbegrenzte Anzahl Prototypen

Unbegrenzte Anzahl Design-Spezifikationen

Adobe Fonts Portfolio (komplette Schriftenbibliothek)

100 GB Cloud-Speicherplatz

EXKLUSIV FÜR BUSINESS-ANWENDER

Onboarding-Webinare

Web-basierte Admin Console

Erweiterter technischer Support


Einkäufer für ein großes Unternehmen? Rufe an unter 0800 723 9761.