Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.
As motion design becomes more and more prominent in apps, it’s becoming increasingly important to develop a standard for communicating direction from motion designers. Once an animation is finalized, simply handing off a video file to engineers makes it very difficult for them to recreate. Animations take a lot of engineering time to implement and there are a lot of subtleties that could get lost in translation. As designers, it’s our responsibility to make sure that engineers have everything they need to quickly recreate this motion.
Disclaimer: This is not an officially supported Google product.
-
Install Google App Engine
-
Install node.js and npm
-
Install dependencies
npm i
-
Populate config files
Rename
config_sample.yaml
toconfig.yaml
(this file can be left blank for most users)
Rename
app/ts/config_sample.ts
toapp/ts/config.ts
Fill in values for
window.__directConfig.stagingDomain
andwindow.__directConfig.productionDomain
if you intend to use staging and production environments. Otherwise, they can be left as empty strings. -
Run a local instance
npm run start
- View the server at http://localhost:8080/
ImportError: cannot import name apiproxy