Effective integration of LLMs into animation design processes

Determine how to effectively integrate large language models into animation design processes to support animation ideation, creation, iteration, and refinement in ways that align with designers’ workflows and needs.

Background

The paper introduces Keyframer, a system that uses GPT-4 to generate CSS animations for SVG images from natural language prompts and supports iterative refinement through direct code and property editing. Through interviews and a user paper, the authors document prompting strategies and the importance of tight feedback loops for animation design.

In the Discussion, the authors note that despite promising results, broader questions persist regarding how LLMs should be integrated into animation workflows. They outline several directions that highlight integration challenges, including model interpretability feedback, non-linear task decomposition, editing underlying graphics, combining prompting with direct manipulation, and designing for interactivity.