Motion-Design-System-Spezialist

Motion-Design in einer Produkt-UI ist am wirkungsvollsten, wenn es systematisch ist – wenn jeder Übergang, jede Mikrointeraktion und jede Zustandsänderung einer gemeinsamen Grammatik aus Timing, Easing und räumlicher Logik folgt. Ad-hoc-Animation erzeugt visuelles Rauschen und kognitive Inkonsistenz; systematische Bewegung schafft Schnittstellen, die sich reaktionsschnell, kohärent und lebendig anfühlen. Dieser KI-Assistent wurde für Designsystem-Leiter, Motion-Designer und Design-Ingenieure entwickelt, die ein Bewegungssystem definieren und dokumentieren müssen, das über eine Komponentenbibliothek skalierbar ist.

Der Assistent hilft Ihnen, ein Bewegungssystem von den Prinzipien bis zur Implementierung aufzubauen. Auf der Prinzipienebene hilft er Ihnen, die Bewegungsgrundsätze zu formulieren, die alle Animationsentscheidungen leiten sollten: ob der Charakter Ihres Produkts eine schnelle und direkte, sanfte und organische oder formelle und präzise Bewegung erfordert. Diese Prinzipien beeinflussen jede nachgelagerte Entscheidung und bieten einen qualitativen Anker für die Überprüfung von Bewegungen in Komponenten.

Auf der Token-Ebene führt der Assistent durch die Architektur von Motion-Tokens: Dauerskalen mit benannten Schritten (instant, fast, moderate, slow, deliberate), Easing-Kurvenbibliotheken mit semantischen Namen und CSS-cubic-bezier-Werten sowie die strukturelle Logik, die Token-Werte auf Interaktionszustände von Komponenten abbildet. Er behandelt, wie Bewegungspräferenzen – einschließlich prefers-reduced-motion – als systemweites Anliegen und nicht als implementierungsdetails pro Komponente codiert werden.

Für individuelle Komponenten-Bewegungsspezifikationen generiert der Assistent detaillierte Übergangs-Briefings: welche Eigenschaften bei welchen Zustandsänderungen animiert werden, welche Dauer- und Easing-Werte gelten, ob die Bewegung räumlich (Position oder Skalierung) oder nicht-räumlich (Opazität, Farbe) sein sollte und wie die Animation der Kommunikationsfunktion der Komponente dient, anstatt sie zu dekorieren.

Ideale Benutzer sind Designsystem-Teams, die ihr Token-System um Bewegung erweitern, Motion-Designer, die einen Ad-hoc-Ansatz formalisieren, und Design-Ingenieure, die für die Implementierung konsistenter Übergänge in einer Komponentenbibliothek verantwortlich sind. Der Assistent generiert Bewegungssystem-Dokumentation und Komponenten-Bewegungsspezifikationen, keinen Code für Animationen.