Adobe XD Download - 2023 Neueste Version

Adobe XD
42.1.22
Windows, Mac
Free Trial
Adobe Systems Incorporated
1,212,703
Vektorbasiertes UX/UI-Design Tool
Verfasst von: Uwe Schuster

Adobe XD (Adobe Experience Design) ist eine intuitive, professionelle Anwendung für das Design von Benutzeroberflächen und Benutzererlebnissen. Die Software wurde von Adobe entwickelt, um Kreative wie dich in die Lage zu versetzen, Benutzererlebnisse und Interaktionsdesigns für Websites, Anwendungen und soziale Medien zu entwerfen. Zudem kannst du mit Adobe XD sehr einfach Prototypen erstellen und deine eigene Arbeit problemlos mit anderen teilen.

Konkret heißt das, dass du beim Entwerfen von Websites, mobilen Anwendungen, Spieloberflächen, E-Mail-Vorlagen und Sprachschnittstellen schnell von der Konzeption zum Prototyping und zur gemeinsamen Nutzung übergehen kannst. Die Anwendung ist vollgepackt mit Funktionen, mit denen du diese Ziele mit Leichtigkeit erreichen kannst. Und das Beste von allem: du kannst die Software kostenlos nutzen.

Folge einfach den untenstehenden Download-Anweisungen, um die Einstiegsversion von Adobe XD gratis zu erhalten. Beachte aber, dass du deine Kartendaten eingeben musst, um die 7-tägige kostenlose Testversion zu erhalten (du gehst aber keine Verpflichtungen ein und kannst 24 Stunden nach der Installation kündigen, um jegliche Kosten zu vermeiden). Die kostenlose Testversion bietet 7 Tage lang unbegrenzten Zugang. Danach kannst du den Starterplan mit eingeschränktem Zugang (nur ein aktives gemeinsames Dokument, ein gemeinsamer Link und zwei weitere User) nutzen oder für ein Upgrade auf die Vollversion durchführen.

Jetzt Adobe XD gratis herunterladen!

So lädst du dir Adobe XD kostenlos herunter und installierst es auf deinem PC

  1. Klicke hier, um die offizielle Adobe XD Download Seite in einem neuen Tab
    zu öffnen
  2. Scrollen Sie bis zum Ende der Seite und klicken Sie auf die Schaltfläche „Kostenlose Testversion“.Kostenlose Testversion von Adobe XD
  3. Adobe bietet Ihnen zwei Optionen an:
    • Laden Sie Adobe XD herunter, welches unbegrenzte geteilte Prototypen und Design-Spezifikationen, Adobe Portfolio, Adobe Fonts und 100 GB Speicherplatz enthält.
    • Laden Sie die gesamte Creative Cloud App-Sammlung herunter, welche über 20 Programme, wie Photoshop, InDesign, Premiere Pro und mehr enthält. Wählen Sie Ihr bevorzugtes Paket und klicken Sie auf die Schaltfläche „Kostenlose Testversion starten“. In diesem Beispiel lade ich nur Illustrator herunter, aber die Anweisungen sind in beiden Fällen gleich. Kostenlose XD-Testversion
  4. Geben Sie eine gültige E-Mail-Adresse ein und die Seite zur Zahlungsmethode wird geöffnet. Obwohl es sich um eine kostenlose Testversion handelt, müssen Sie dennoch Ihre Zahlungsinformationen eingeben, um die Testversion zu aktivieren. Sie werden erst am Ende der Testversion belastet.
    Kostenlose Testversion von Adobe XD
  5. Wenn Sie bereits ein Adobe-Konto haben, können Sie sich jetzt einloggen. Andernfalls erstellen Sie ein sicheres Passwort und klicken Sie auf die Schaltfläche „Weiter“.
  6. Adobe bestätigt, dass Ihre Zahlungsmethode gültig ist, und dann wird die Creative Cloud App auf Ihren Computer heruntergeladen.
  7. Wenn der Dateidownload abgeschlossen ist, öffnen Sie die Datei und geben Sie Ihr Passwort ein.
  8. Die Creative Cloud wird auf Ihrem Computer installiert.
  9. Sobald die Creative Cloud abgeschlossen ist, wird die Adobe XD-Installation automatisch gestartet. Wenn Sie sich dafür entscheiden, die gesamte Sammlung von Creative Cloud-Apps herunterzuladen, werden diese nacheinander installiert.

Jetzt Adobe XD gratis herunterladen!

Adobe XD Übersicht

Viele Nutzer der Adobe Suite hatten schon seit einiger Zeit auf eine App des Entwicklers gehofft, die intuitive Werkzeuge zur Erstellung von Grafiken bietet, die besser für moderne Websites, Webanwendungen und mobile Apps geeignet sind. Adobe XD bringt dir diese Erfahrung. Die App ist eine der jüngsten Entwicklungen von Adobe Inc. Sie kombiniert jahrelange Erfahrung, Werkzeuge und Funktionen früherer Adobe-Software, um das beste UI- und UX-Design-Erlebnis zu bieten.

Als Teil der Creative Cloud ist es einfach, Ihre Arbeit zu teilen und Dateien aus anderen Adobe-Programmen wie Photoshop, Premiere Pro und Illustrator zu importieren.

Adobe XD ist die perfekte Software, wenn Sie nach Grafik-Tools suchen, die es Ihnen ermöglichen, nahtlos die besten Benutzeroberflächen für Websites, Apps, Spiele und mehr zu erstellen. Neben der Entwicklung von Konzepten und Designs können Sie mit der App auch Prototypen erstellen und Ihre Ideen unterwegs mit anderen teilen.

Obwohl XD normalerweise eine Premium-Software ist, können Sie sich für einen kostenlosen Starterplan anmelden. Dieser Plan hat jedoch seine Einschränkungen, wie zum Beispiel die Anzahl der Dokumente, die Sie teilen können, oder wie viele Prototypen und Ausgaben Sie produzieren können.

Das Beste ist, mit der kostenlosen 7-Tage-Testversion zu beginnen, die Ihnen uneingeschränkten Zugriff bietet. Anschließend können Sie entscheiden, ob Sie mit dem Starter-Plan fortfahren oder am Ende der Woche zur Vollversion abonnieren möchten.

Adobe XD Funktionen

Einer der großen Vorteile von XD ist, dass Sie bei Bedarf ein spezifisches Werkzeug immer aus einer anderen Creative Cloud App hochladen können. Es besteht auch die Möglichkeit, Bild-Dateien wie jpg, svg, png und gif zu importieren. Allerdings kann XD keine Video-Dateien oder animierten gifs hochladen.

Inhaltssensitives Layout

Die intelligente Content-Aware-Layout-Funktion ermöglicht es Ihnen, ohne sich um die perfekte Ausrichtung aller verschiedenen Komponenten kümmern zu müssen, zu arbeiten. Adobe XD bewegt diese automatisch, um gleichmäßige Abstände zu schaffen, wenn Sie Objekte hinzufügen, entfernen oder deren Größe ändern. Um das Content-Aware-Layout zu aktivieren, wählen Sie das Auswahlwerkzeug, wählen Sie zwei oder mehr Ebenen aus und klicken Sie auf „Komponente erstellen“. Aktivieren Sie dann das Content-Aware-Layout, und die Polstergröße wird basierend auf den umgebenden Ebenen angepasst, ohne dass Bilder oder Textfelder verzerrt werden.

3D-Transformationen

Mit der 3D-Transformationsfunktion können Sie Ihre UX-Designs auf die nächste Stufe bringen. Sie ermöglicht es Ihnen, Objekte zu drehen, Tiefe hinzuzufügen und die Perspektive Ihres Designs zu ändern. Die intuitiven 3D-Tools sind ziemlich einfach zu bedienen und bieten Ihnen die Möglichkeit, Ihr Design mit einer Realitätstreue zu präsentieren, die in anderen Adobe-Software nicht verfügbar ist. Die 3D-Transformationsfunktion ist äußerst nützlich für AR/VR-Designs.

Erstellen und Teilen von Prototypen

Einer der besten Vorteile von Adobe XD ist die Möglichkeit, einen Prototypen Ihrer Gestaltung zu erstellen. Dadurch haben Sie nicht nur die Möglichkeit, alles zu testen und sicherzustellen, dass alles gut funktioniert und gut aussieht, sondern Sie können es auch einfach mit Kunden, Kollegen oder Professoren teilen.

Das Erstellen von Prototypen ist eine wichtige Funktion, um interaktive Designs wie Formulare oder Buttons zu erstellen und zu testen, wie verschiedene Artboards miteinander verbunden sind und reagieren.

Adobe XD verfügt über mehrere Werkzeuge, die speziell für XD entwickelt wurden, wie zum Beispiel Auto Animate. Mit diesem Werkzeug können Sie Animationen, Übergänge und Designs entwerfen, die sich je nach Bildschirmgröße oder Gerät automatisch anpassen, indem Sie verschiedene Objekte skalieren oder ein Objekt auswählen, das beim Scrollen an Ort und Stelle bleibt.

Erstellen Sie Tracking für verschiedene Arten von Benutzerinteraktionen

Neben dem Design ist das Verständnis dafür, wie ein Benutzer mit Ihrem Design interagiert, einer der wichtigsten Aspekte des Projekts. Adobe XD verfügt über Tools, die Ihnen helfen können, genau zu sehen, wie Benutzer auf verschiedene Auslöser und Eingaben reagieren. Je nach abgeschlossenem Projekt können Sie alles von einfachen Auslösern wie Tippen oder Ziehen bis hin zu fortgeschritteneren Optionen wie Sprache, Verwendung eines Bluetooth-Game-Controllers oder verschiedenen Tastenanschlägen verwenden.

Entwerfen von Sprachprototypen

Mit der fortschreitenden Technologie wächst auch die Abhängigkeit von sprachgesteuerter Software. Das gilt sowohl für die Erstellung von neuen Projekten oder Sprachassistenten als auch für die Entwicklung von Fähigkeiten oder Spielen für Alexa, Google Assistant, Siri und mehr. Adobe XD verfügt über die erforderlichen Tools, um einen leistungsstarken Voice-Prototypen zu erstellen, der Audiofunktionen nutzt, die Befehle verstehen und Sprach- und Audio-Playback wiedergeben können.

Erweitern Sie die Leistung von XD mit Plugins

Adobe XD bietet bereits eine breite Palette an Funktionen, aber nicht alles konnte von Adobe in einem Paket zusammengefasst werden. Aus diesem Grund ist XD mit Drittanbieter-Plugins kompatibel. Sie können die Möglichkeiten von XD von technischer Seite erweitern oder verschiedene Farbkombinationen hinzufügen, die in den eingebauten Farbschemata nicht verfügbar sind. Es gibt hunderte von kostenlosen und abonnementbasierten Plugins, die ohne technische Vorkenntnisse oder Expertise einfach in XD hochgeladen werden können.

Benutzerfreundlichkeit

Um das Beste aus Adobe XD herauszuholen, ist Erfahrung in der Entwicklung oder im Design erforderlich. Für Designer und Entwickler ist das Programm jedoch ziemlich einfach zu bedienen, insbesondere wenn sie bereits Erfahrung mit anderen Adobe-Produkten haben.

Wenn Sie lernen möchten, wie Sie XD richtig nutzen, können Sie auf eine umfangreiche „Lern“-Sektion über die App oder die Adobe-Website zugreifen.

Lernen Sie Adobe XD kennen
Step-by-step-Anleitungen zum Erlernen von XD

Diese Schritt-für-Schritt-Anleitungen führen Sie durch den Entwicklungs- und Designprozess. Sie lernen, wie Sie Ihre Workstation einrichten, was die verschiedenen Werkzeuge tun, wie Sie 3D-Objekte erstellen, Sprachprototypen entwerfen, normale Prototypen erstellen, wie Sie mit anderen zusammenarbeiten und vieles mehr.

Wenn Sie mit der Verwendung von XD beginnen, werden Sie feststellen, dass es ein ziemlich einfaches Programm ist, das Sie leicht beherrschen können, da es einen einzigen Fokus hat. Mit den Updates, die im neuesten Update von XD vorgenommen wurden, wie zum Beispiel Auto Animate und verbessertem Content Aware Layout, werden viele der kleineren Anpassungen auf dem Artboard automatisch vorgenommen, was die Verwendung noch einfacher macht.

Die Benutzeroberfläche

Beim Start eines neuen Projekts in XD können Sie auswählen, ob Ihre Arbeitsfläche die Größe eines iPhones, Desktops, einer Instagram-Story oder eine benutzerdefinierte Größe haben soll.

Dokumentgröße für neue XD-Projekte
Wählen Sie die Größe Ihres Dokuments aus

Nachdem Sie Ihre bevorzugte Projektgröße ausgewählt haben, öffnet sich eine Arbeitsstation mit Werkzeugen auf der linken und Style-Elementen auf der rechten Seite.

Adobe XD-Schnittstelle

Mit den Elementen auf der rechten Seite können Sie Folgendes anpassen:

  • Stil: Fügen Sie CSS und andere Gestaltungsoptionen hinzu, um das perfekte Design zu erstellen
  • Design: Wählen Sie aus verschiedenen Layouts, Rastern und Modi, die von den Benutzeroberflächen-APIs unterstützt werden

Dank dieser Einstellungen können Sie alles anpassen, wie die Objekte in Ihrer Workstation erscheinen. Sie können Ecken abrunden, Farben ändern, verschiedene Schriftarten einstellen, anzeigen, wie die Seite mit einem responsiven Design aussehen würde, und vieles mehr.

Die Werkzeugleiste auf der linken Seite ist der Ort, an dem Sie alle wichtigen Werkzeuge finden, wie z.B. das Hinzufügen von Formen, Linien, Texten und Zoom. Jedes Werkzeug hat eine Tastenkombination, und wenn Sie sich damit vertraut machen, werden Sie sehen, wie viel schneller Sie arbeiten können.

Kompatibilität

Die vollständige Version von Adobe XD ist nur für PCs und Macs verfügbar, sofern sie die unten aufgeführten Mindestsystemanforderungen erfüllen.

Es gibt XD-Apps für Android und iOS, aber diese ermöglichen nur eine Vorschau des Designs und das Testen des Prototyps. Sie haben immer Zugriff auf die neueste Version des Projekts über Ihre Creative Cloud-Bibliothek. Es gibt jedoch keine Bearbeitungswerkzeuge, und alle Änderungen müssen am Desktop vorgenommen werden.

Es gibt zwei Möglichkeiten, um Ihre XD-Projekte zu betrachten:

  1. Echtzeit-Vorschau mit einer USB-Verbindung: Schließen Sie Ihre mobilen Geräte an den Computer an, auf dem Adobe XD läuft. Sie erhalten eine Echtzeitansicht der Prototypen und Designs, und alle Änderungen können in Echtzeit auf dem mobilen Gerät angezeigt werden.
  2. Cloud-Dokumente laden: Erhalten Sie sofortigen Zugriff auf alle XD-Dokumente, die als Cloud-Dokument in Ihrem Creative Cloud-Konto gespeichert sind.

Systemanforderungen

Neben den erforderlichen Spezifikationen auf Ihrem Computer funktioniert XD nur mit den neuesten Versionen der folgenden Browser.

  • Chrome: Windows 7+ und macOS 10.13+
  • Firefox: Windows 7+ und macOS 10.13+
  • Edge: Windows 10+
  • Safari: macOS 10.13+

XD unterstützt keine Anzeige von freigegebenen Design-Spezifikationen auf mobilen Browsern.

Windows

Betriebssystem Windows 10 (64-Bit) und höher
Display Auflösung von 1280 x 800 Pixeln und mindestens 13 Zoll großes Display
RAM 4 GB
Stift- und Touch-Eingabe Funktioniert mit den nativen Stift- und Touch-Funktionen von Windows
Speicherplatz Es ist am besten, Cloud-Dokumente aus der Creative Cloud zu verwenden und nicht synchronisierte Dateien von Creative Cloud oder anderen Speicherservern.

Mac

Betriebssystem 10.15 (Catalina) oder neuer
Display Eine Auflösung von 1400×900 und mindestens ein 13-Zoll-Display. Ein Retina-Display wird empfohlen, ist jedoch nicht erforderlich.
RAM 4 GB
Speicherplatz Es wird empfohlen, Cloud-Dokumente von Creative Cloud zu verwenden und nicht synchronisierte Dateien von Creative Cloud oder anderen Speicherservern.

Internetzugang ist sowohl für Windows als auch für Mac während der Installation und Registrierung und zum Zugriff auf bestimmte Bibliotheken und Funktionen erforderlich. Sie können nur Prototypen mit Sprachfunktionen anzeigen, wenn Sie mit dem Internet verbunden sind.

iOS: Compatible mit allen 64-Bit iPads und iPhones ab iOS 14.0 und höher.

Android: Adobe hat XD auf Samsung Galaxy S10 & S20 sowie Google Pixel 2 & 4 getestet. Basierend auf diesen Tests sollte es mit jedem Android-Gerät ab Version 9.0 und mit Open GL ES 2.0 kompatibel sein.

Jetzt Adobe XD gratis herunterladen!

Zusätzliche Bearbeitungswerkzeuge von Adobe

  • Adobe Photoshop: Photoshop ist die beste Bearbeitungssoftware für digitale Bilder und Fotos. Es enthält eine hervorragende Sammlung von Werkzeugen, mit denen sich die Gesichtszüge einer Person leicht verändern lassen. Zudem können unerwünschte Elemente aus einem Bild entfernt werden. Das Tool bietet außerdem kreative Typografieoptionen und vieles mehr.
  • Adobe Illustrator: Adobe Illustrator funktioniert sowohl auf Windows- als auch auf Mac-Computern. Es ist ein führendes Vektorgrafik-Editor- und Designprogramm, das von vielen Designern verwendet wird, um Web- und Mobil-Grafiken, Logos, Icons, Cliparts und mehr zu erstellen.

So deinstallierst du Adobe XD

Wenn deine kostenlose Testversion abgeschlossen ist und du Adobe XD nicht weiter verwenden oder zum Starter-Abo wechseln willst, kannst du die Software mit diesen einfachen Schritten von deinem Computer entfernen:

  1. Gib in der Windows-Suchleiste „Software“ ein und drücke die Eingabetaste.
    Screenshot of uninstalling Adobe XD on Windows
  2. Suche Adobe XD in der Liste der installierten Programme und klicke auf die Schaltfläche Deinstallieren.
    Screenshot of uninstalling Adobe XD
  3. Der Deinstallationsassistent wird geöffnet. Bestätige, dass du die Software entfernen willst. Sie wird nun von deinem Computer gelöscht.

Alternativ kannst du zu deinem Creative Cloud Desktop-Konto gehen, auf die drei horizontalen Punkte in der oberen rechten Ecke neben Adobe XD klicken und dann auf Deinstallieren klicken.

Screenshot of Creative Cloud Desktop

So deinstallierst du Adobe XD von Creative Cloud Desktop

Dadurch wird die Software von deinem PC entfernt.

FAQs

Ist Adobe XD kostenlos?

Ja, die kostenlose Testversion bietet alle Funktionen. Du bist hier aber auf jeweils ein aktives gemeinsames Dokument, einen Link sowie auf zwei Mitarbeiter beschränkt. Das ist aus meiner Sicht völlig in Ordnung. Es sei denn, du willst mit mehreren Personen zusammenarbeiten.

Ist Adobe XD sicher?

Ja. Du brauchst dir keine Sorgen über Malware oder Viren zu machen, solange du die Software von der offiziellen Adobe-Website herunterlädst.

Kann ich einen privaten Link mit anderen Designern teilen?

Ja. Hierzu musst du dich mit derselben Adobe-ID anmelden, mit der du den privaten Link verschickt hast, da der Empfänger nur mit deiner Adobe-ID und deinem Kennwort darauf zugreifen kann.

Jetzt Adobe XD herunterladen!
Teilen und unterstützen

WizCase ist eine unabhängige Review-Website. Wenn du auf einen Link klickst und über diesen Link einkaufst, bekommen wir von dem betreffenden Online-Shop oder Anbieter eine Provision. Für dich verändert sich der Preis nicht – so kannst du unsere Website unterstützen.

Hilf WizCase dabei, weiterhin unabhängig und ehrlich Testberichte zu veröffentlichen. Teile unsere Website und unterstütze uns!