Väčšina pohybov používateľského rozhrania je dnes navrhnutá v jednom nástroji a znovu zabudovaná v inom. Dizajnér animuje prechod v Figma alebo After Effects, potom ho vývojár znovu vytvorí v kóde. Detaily sa strácajú a každá zmena opakuje cyklus.
Pre nástroje, ktoré odstraňujú tento druhý krok, používame frázu Motion Development Environment. Namiesto videa alebo referenčného prototypu je výstupom súbor, ktorý popisuje samotné interaktívne správanie: stavy, v ktorých sa komponent môže nachádzať, prechody medzi nimi, vstupy, ktoré ho menia, a udalosti, ktoré odosiela späť do aplikácie.
ExodeUI je postavený týmto spôsobom. Ide o prehliadač a desktopový nástroj, v ktorom navrhujete interaktívne používateľské rozhranie a animáciu so stavovými automatmi, fyzikou pružiny, vstupmi a udalosťami. Dielo sa uloží ako jeden otvorený súbor .exode JSON a prehrajú ho runtime balíčky pre React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter. Váš kód nastavuje vstupy, ako napríklad boolean pre „načítanie“ alebo spúšťač pre „úspech“, a počúva udalosti.
Keďže súbor je obyčajný JSON, vývojári ho môžu čítať a nástroje na kódovanie AI ho môžu tiež upravovať. ExodeUI má server MCP, takže Claude Code, Cursor a podobné nástroje môžu vytvárať a meniť animácie z výziev v jednoduchom jazyku.
Rive je najznámejší nástroj s podobnou myšlienkou vizuálneho editora plus runtime. Nástroje časovej osi ako After Effects zostávajú lepšie pre video a ilustrácie. Správna voľba závisí od toho, či váš pohyb musí reagovať na používateľa alebo iba hrať.