Auto-Animate

Bewegungseffekte und UX-Animation waren noch nie so einfach.

Für macOS und Windows

Designen und Animieren in einem Schritt.

Mit „Auto-Animate“ werden iterierte Elemente automatisch animiert. Füge einfach Bewegungseffekte, Interaktionen, visuelles Feedback und nahtlose Übergänge hinzu – ohne Programmieraufwand oder Einsatz zusätzlicher Tools. Starte gleich durch. Erstelle professionelle Animationen mit nur einem Klick.

Direkter User-Flow.

Verbinde Zeichenflächen miteinander. Das Erstellen der Übergänge kannst du der Funktion „Auto-Animate“ überlassen.

Bewegung und Interaktion.

Erstelle verschiedene Zustände für Komponenten. Füge Interaktionen wie Hover, Aktiviert/deaktiviert, Scrollen und Wischen oder Herunterziehen zum Aktualisieren hinzu.

Experiences für jeden Bildschirm.

Biete deinem Publikum packende Experiences mit animierten Icons, Ladesequenzen und Onboarding-Infos.

So funktioniert’s.

1

Verbinde zwei Zeichenflächen.

Du kannst auch einen Übergang zwischen einer Komponente und einem Komponentenzustand wie Hover oder Aktiviert/deaktiviert erstellen.

Wähle als Aktion „Auto-Animate“.

Bearbeite den Übergang nach Wunsch. Du kannst auch einen Trigger wie „Antippen“ oder „Ziehen“ auswählen sowie eine Zeit angeben.

Zeige den Prototyp als Vorschau an.

Zeige den Prototyp als Vorschau an. Klicke auf die Schaltfläche zum Abspielen. Löse den Übergang aus, und sieh dir die automatisch erzeugte Animation an.

Kenntnisse vertiefen und Neues lernen.

Hole dir kostenlose Tipps, Tools und Tutorials für die Arbeit mit XD.

Bist du bereit?

Hole dir das kostenlose Starter-Abo für Adobe XD. Für macOS und Windows verfügbar.