Direct is a tool for motion designers to visually provide clear, concise motion direction to engineers. In collaboration with the Material Design team at Google, I created new features, improved the interface, and helped launch the project as open-source to the public.
In the conventional collaboration process between designers and engineers, motion designers will export video from a design tool like After Effects and send it to the engineer. With only the video, the engineer does not know any of the properties or values needed to parameterize the motion in code. With Direct, designers can share videos along with a timeline and numerical specs, which can be viewed side by side. A scrubbable playhead allows engineers to inspect the motion at each frame.
The repository lives at https://github.com/material-motion/direct, and a public instance is deployed to https://oss-direct.appspot.com/.