Designful Launch editor

Animation

Docs in this category.

Create a Timeline

Create timeline tracks and keyframes for object-level animation.

DF Runtime Migration Notes Template

Template for documenting DF runtime API deprecations and migrations across releases.

Edit State Machines

Use the timeline state machine panel to create and edit inputs, states, and transitions.

Export .df Runtime Files

Export the current editor document and animation data to portable .df format.

Export Animation

Export timeline output as GIF, WebP, or MP4 blobs.

Play .df in Runtime

Load and play exported .df files using the Designful JavaScript runtime.

Record Mode

Automatically write keyframes while editing objects at the current playhead.

Script Inputs

Configure and drive typed animation script inputs with strict runtime validation.

Script Listener Actions

Use validated script listener actions to mutate inputs, playback, and object animation properties.

Script Live Demo

Run a complex script-style animation scenario in docs with unified UI/API command dispatch.

Script Overview

Author validated animation scripts with reusable hook actions that match UI and API behavior.

Script Testing

Verify script behavior with unit, integration, and docs live-demo parity checks.

Use Timeline Panel

Edit keyframes in the bottom timeline panel with multi-select, drag move, and curve controls.

Validate .df Files

Validate .df documents/binaries before runtime playback.