Das führende Mockup-Tool für Apps und Websites.

Ideen und Konzepte freigeben. Schnell iterieren. Mit XD zusammenarbeiten und mehr schaffen.

UI-Mockup-Tool

Attraktive Mockups. Blitzschnell.

Erstelle präzise Mockups für Apps und Websites ohne erhöhten Aufwand. Mit intelligentem Layout, Hilfslinien und Rasterwerkzeugen wurde XD von Grund auf für die Gestaltung von User Experiences entwickelt.

Attraktive Mockups. Blitzschnell.
Beliebig vergrößern oder verkleinern.

Beliebig vergrößern oder verkleinern.

Desktop. Mobilgeräte. Tablet. Smartwatch. XD erleichtert die Anpassung von Layouts und Komponenten für unterschiedliche Bildschirmgrößen. Wähle vorkonfigurierte Zeichenflächenvorlagen für verschiedene Geräte und Abmessungen.

Freigabe, Export und Handoff – völlig unkompliziert.

XD ermöglicht die Freigabe direkt von deinem Design-Tool aus. Erstelle Links zu deinen UI-Mockups und gib sie frei. Exportiere Bilder und UI-Elemente. Generiere Spezifikationen für Entwickler mit Details, Abmessungen und Codefragmenten.

Freigabe, Export und Handoff – völlig unkompliziert.
FUNKTIONEN

Mockup-Werkzeuge zur Planung deiner Experience.

Visualisiere Ideen. Arbeite mit deinem Team zusammen. Erstelle schnell unglaubliche UI-Mockups für Apps und Websites, gib sie frei und gelange schneller zur fertigen Version.

Inhaltsbasiertes Layout

Automatisiere Routineaufgaben mit intelligenten Steuerelementen, die beim Hinzufügen, Entfernen oder Skalieren von Objekten entsprechend ausgerichtet werden. Nimm direkt auf der Arbeitsfläche Korrekturen vor und kehre zur Iteration zurück. Weitere Informationen

Inhaltsbasiertes Layout

Auto-Animate

Ergänze deine Prototypen um Bewegungseffekte, spielerische Interaktionen und fließende Übergänge – ganz ohne Programmierung oder Spezialtools. Auto-Animate erkennt Unterschiede zwischen Zeichenflächen und erstellt Animationen für dich. Weitere Informationen

Auto-Animate

3D-Transformationen

Die optimale Lösung für noch bessere Mockups. Neige und drehe Designs, um einen neuen Look zu erhalten. Verwende Gerätebilder, um deine Designs professionell zu präsentieren. Verwandle flache Designs in perfekte perspektivische Darstellungen. Weitere Informationen

3D-Transformationen

Wiederholungsraster

Dupliziere Elemente durch einfaches Klicken-und-Ziehen. Bearbeite Elemente einmal und aktualisiere sie im Raster automatisch. Ziehe Bilder und Text in dein Raster, um es mit realen Inhalten zu füllen. Weitere Informationen

Wiederholungsraster
PLUG-INS

Verbessere deine Designs mit Plug-ins.

Erweitere die Leistung von XD, indem du noch mehr Mockup-Tools für Apps und Websites und neue Funktionen nutzt. Wähle aus mehr als 300 Plug-ins, um sie nahtlos in deinen Workflow zu integrieren.

ColorSpark

ColorSpark

Erzeuge Farben und Verläufe, um Paletten zu entdecken und Kreativität zu entfachen.

UI Faces

UI Faces

Erstelle Fotos für Benutzeravatare, um Mockups realistisch wirken zu lassen.

Icons 4 Design

Icons 4 Design

Finde Tausende von Vektorsymbolen in beliebten Kollektionen und platziere sie in deinen Designs.

Arranger

Arranger

Ordne Objekte automatisch in Kreis-, Raster- oder Wellenlayouts an.

UserTesting

unDraw

Entdecke Tausende von anpassbaren und lizenzfrei verfügbaren Vektorgrafiken.

Stark

Stark

Gestalte deine Designs barrierefrei dank Kontrastkontrollen und Farbenblindheitssimulatoren.

Bist du bereit für XD?

3D-Transformation

11,89 €

Pro Monat

Häufig gestellte Fragen

Ein UI-Mockup ist eine präzise Darstellung einer Anwendung oder Website. Mithilfe von Mockups kannst du eine Design-Idee vermitteln und Diskussionen über Erscheinungsbild und Struktur einer Experience anstoßen. Designer können Mockup-Tools für Websites, Mockup-Tools für Apps und andere Mockup-Software verwenden, um Webseiten, Apps und andere Arten von User Experiences zu simulieren.

  • Benutzer-Personas erstellen
  • Die Informationsarchitektur festlegen
  • Layouts entwerfen und organisieren
  • Farbe und Typografie anwenden
  • Bilder und Inhalt hinzufügen

Mit einem Mockup-Tool erstellst du eine Design-Simulation eines digitalen Erlebnisses, z. B. einer App oder einer Website. Mithilfe von Mockup-Tools können Designer schnell Layout und Erscheinungsbild eines Erlebnisses erstellen und das Mockup für Kollegen, Kunden und Stakeholder freigeben, damit diese es überprüfen und ein Feedback abgeben können. Mockup-Tools für Websites und andere Mockup-Software können zusätzlich zur UI-Simulation auch Prototyping-Tools für die Gestaltung von User-Flows und Interaktivität enthalten.

Ein Wireframe-Mockup ist eine vereinfachte Darstellung einer Website oder App, häufig ohne Farben und Typografie. Wireframe-Mockups werden verwendet, um eine Diskussion anzustoßen und Stakeholdern die Informationsarchitektur und den User-Flow eines Erlebnisses zu verdeutlichen.

Creative Cloud

Kreativität für alle.

Fotografie. Video. Design. UI und UX. 3D und AR. Social Media. Creative Cloud hat alles, was du brauchst – setze jede Idee um.