EaseKitDocs
Stage and timeline
Documentation

Stage and timeline

Select and edit by hand, style layers, work with keyframes and curves, tune, and handle big scenes.

  1. Select and edit layersFigma-style selection, moving and nudging, grouping, arranging and aligning layers on the stage.
  2. The selection barThe floating bar next to a selection: quick values, style, effects, 3D, components and the AI.
  3. Inspector: fills, borders, shadows and effectsSketch-style styling: multiple fills, gradient borders, shadows, blur, blend modes, masks and Liquid Glass.
  4. Number fields and slidersStep values with the arrow keys, scrub by dragging labels, and type exact numbers.
  5. Keyframes and easing curvesEdit keyframes in the timeline, shape curves, copy and paste keys, and retime layers.
  6. Actions: ready-made motionAdd entrances, idle loops and exits from the playhead, then move, stretch and tune them in the timeline.
  7. The Layers tabEvery layer in a list, the AI's reasoning, exact keyframe values and layer depth for the camera.
  8. Auto LayoutLet a group flow its children in a row or column, like Figma's Auto Layout: animate one child and its siblings follow.
  9. Rulers and guidesShow canvas coordinates, drag out guides, and snap layers to them.
  10. Motion pathsSee where a layer travels and drag its keyframe points right on the stage.
  11. Tuning and reduced motionScale speed, stagger, bounce and distance live, and preview the reduced-motion version.
  12. Camera and 3DPerspective, dolly, orbit and push-in moves, depth of field and layer depth for product videos.
  13. Working with big timelinesFilter lanes, expand and collapse groups, and stay fast in scenes with hundreds of layers.
  14. Quality check and AuditEvery version gets a quality score, and the Audit tests smoothness like a test runner.