Animation
Docs in this category.
Create timeline tracks and keyframes for object-level animation.
Template for documenting DF runtime API deprecations and migrations across releases.
Use the timeline state machine panel to create and edit inputs, states, and transitions.
Export the current editor document and animation data to portable .df format.
Export timeline output as GIF, WebP, or MP4 blobs.
Load and play exported .df files using the Designful JavaScript runtime.
Automatically write keyframes while editing objects at the current playhead.
Configure and drive typed animation script inputs with strict runtime validation.
Use validated script listener actions to mutate inputs, playback, and object animation properties.
Run a complex script-style animation scenario in docs with unified UI/API command dispatch.
Author validated animation scripts with reusable hook actions that match UI and API behavior.
Verify script behavior with unit, integration, and docs live-demo parity checks.
Edit keyframes in the bottom timeline panel with multi-select, drag move, and curve controls.
Validate .df documents/binaries before runtime playback.