Runway Debuts 'FlowGen' — Real-Time UI Motion Generation from Text Prompts

Design · 4 min read

FlowGen interprets prompts like 'subtle hover lift with 150ms easing' or 'staggered micro-interactions for list items' and outputs production-ready code snippets plus a synchronized animated preview. The model was trained on a dataset of motion design patterns, recorded animations, and timing curves to generate smooth, developer-friendly implementations.

FlowGen integrates as a plugin for design tools and exports to React, Framer, and plain CSS. It also supports accessibility constraints — for example producing reduced-motion variants automatically — and provides an adjustable complexity slider for teams balancing polish against performance.

Runway is positioning FlowGen as a way to close the gap between motion designers and engineers. Early testers report quick prototyping wins, though some teams prefer hand-tuned easing curves for complex micro-interactions.