Ideen und Konzepte freigeben. Schnell iterieren. Mit XD zusammenarbeiten und mehr schaffen.
Das führende Mockup-Tool für Apps und Websites.
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.
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.
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
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
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
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
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
Erzeuge Farben und Verläufe, um Paletten zu entdecken und Kreativität zu entfachen.
UI Faces
Erstelle Fotos für Benutzeravatare, um Mockups realistisch wirken zu lassen.
Icons 4 Design
Finde Tausende von Vektorsymbolen in beliebten Kollektionen und platziere sie in deinen Designs.
unDraw
Entdecke Tausende von anpassbaren und lizenzfrei verfügbaren Vektorgrafiken.
Stark
Gestalte deine Designs barrierefrei dank Kontrastkontrollen und Farbenblindheitssimulatoren.
Bist du bereit für XD?
11,69 €
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.
Kreativität für alle
Ob Fotografie, Video, Grafik-Design oder Illustration: Creative Cloud hat alles, was du brauchst – setze jede Idee um.