Das kostenlose Wireframe-Tool für UI- und UX-Design.

Adobe XD gibt es kostenlos als Wireframe-Tool für UI/UX-Designer – entwickelt vom führenden Anbieter für Kreativtechnologien. Mit XD kannst du Mockups und Wireframes für Layouts erstellen, UI-Elemente gestalten oder Flussdiagramme, Navigationsstrukturen und die Informationsarchitektur definieren. Alles in einem Design-Tool. Bereit, deine Arbeit mit anderen zu teilen? Versende einen Link zu einem klickbaren und interaktiven Wireframe, sodass alle im Design-Prozess auf dem aktuellen Stand sind. Erstelle mit XD einfache Mockups oder detaillierte UI-Designs ebenso wie Wireframes für Websites, Webapps, Mobile Apps, Desktop-Programme oder Smartwatch-Apps.

Das kostenlose Wireframe-Tool für UI- und UX-Design.

Design-Ideen mithilfe von Wireframes kommunizieren.

Erstelle mit XD Wireframes für jede Art Experience, z. B. Websites oder Apps für Smartphone, Tablet oder Smartwatch. Mit den intuitiven Design-Werkzeugen, nativen Prototyping-Tools und kostenlosen Ressourcen wie UI-Kits und Icon-Bibliotheken kannst du deine Ideen schnell visualisieren und mit dem Team austauschen. Das macht es viel leichter, Projekte gleich von Beginn an mit allen Beteiligten abzustimmen.

Wireframe-Tool zur Visualisierung von Design-Ideen.

Wireframe-Tool zur Visualisierung von Design-Ideen.

Erstelle innerhalb von Minuten aus Zeichnungen auf Papier oder Whiteboard einfache Wireframes oder High-Fidelity-Designs. Nutze Templates und UI-Elemente für gängige Screens und Geräte für das Mockup von Layout und UI-Design. Die Raster, Hilfslinien, Zeichenwerkzeuge und Text-Tools von XD machen den Design-Prozess einfacher. Du kannst ohne Ruckeln oder Stottern zoomen. Egal wie viele Zeichenflächen dein Projekt umfasst.

Prototyping-Tool zum Erstellen von User-Flows und interaktiven Wireframes.

Prototyping-Tool zum Erstellen von User-Flows und interaktiven Wireframes.

Verdrahte Zeichenflächen, um klickbare Flussdiagramme zu erstellen. Lege die Anwendernavigation durch interaktive Prototypen fest. XD ist ein Programm für Design und für Prototyping. Daher kannst du statische Wireframes interaktiv machen und User-Flows definieren. Verschiedene Aktionen von Usern werden unterstützt: Gesten wie Tippen und Ziehen oder Eingaben über Tastatur, Gamecontroller und Sprache.

Team-Funktionen für schnellere Iteration.

Team-Funktionen für schnellere Iteration.

Gib deine Wireframes für Kollegen, Produkt-Manager, Entwickler, Kunden und andere Projektbeteiligte direkt in XD frei. Ein paar Klicks genügen. Erstelle Wireframes gemeinsam mit anderen Designern in Echtzeit. Dabei kann sich dein Team auf die wesentlichen Teile des UI-Konzepts konzentrieren, sodass ihr schon früh iterieren könnt. Erstelle Links zu deinen Designs, oder exportiere sie im PDF- oder PNG-Format, und gib sie z. B. über E-Mail oder Slack frei.

Vorschau, Export und Weitergabe.

Vorschau, Export und Weitergabe.

Zeige deinen Prototyp auf dem Desktop und auf Smartphones und Tablets an. Zeichne die User Experience als Video auf. Exportiere das Design als PDF- oder PNG-Datei. Und übergib die Design-Spezifikationen an Entwickler, damit sie für erste Tests einen Prototyp coden.

Interaktive Wireframes in kurzer Zeit erstellen.

XD bietet zahlreiche Funktionen für Wireframing und eine flache Lernkurve. Jeden Monat kommen neue und verbesserte Features dazu.

Zeichenwerkzeuge.

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

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 Elementen in deinen Wireframes oder Designs.

Wiederholungsraster.

Wähle ein UI-Element in deinem Mockup 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.

Prototyping

Verwandle deine Mockups mit den Prototyping-Tools von XD in klickbare und interaktive Wireframes. 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. Mit XD kannst du realistische Prototypen für jede Art von Experience erstellen.

Responsive Resize.

Objekt- oder Komponentengruppen lassen sich für unterschiedliche Bildschirmgrößen skalieren. Ihre Platzierung und relative Größe bleiben unverändert. Erstelle Wireframes und Mockups für unterschiedliche Screens oder Plattformen, z. B. Web oder iOS. 

Komponenten

Erstelle UI-Elemente, die du in verschiedenen Wireframes, Mockups und UI-Designs 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.

Plug-ins.

Mit zahlreichen Add-ons und XD-Plug-ins kannst du Routineaufgaben automatisieren und leichter Elemente oder Ressourcen aus externen Quellen importieren. XD bietet auch Plug-ins für Tools wie Slack, Jira und Justinmind.

Design, Prototyping und Wireframing unter macOS und Windows.

Design, Prototyping und Wireframing unter macOS und Windows.

Arbeite unabhängig vom Betriebssystem mit anderen zusammen. Verwende die Plattform deiner Wahl, egal welches System deine Team-Kollegen nutzen. Adobe XD und XD-Dateien werden unter macOS genauso ausgeführt wie unter Windows.

Für jeden Bedarf das passende Abo.

Hole dir zum Einstieg das kostenlose Starter-Abo für Adobe XD. Schließe dann ein gebührenpflichtiges Abo von Creative Cloud ab, damit du beliebig viele Projekte freigeben und in Echtzeit zusammenarbeiten kannst.