Interactions and states · Record a state
Documentation

Record a state

Edit layers on the stage while a state records, and EaseKit stores the changes, colors and text as that state's values.

Recording is the easiest way to define a state: you just put things where they should be. Every numeric property you change on a layer becomes that state's value, and so do new solid colors and new text; the timeline stays as it is.

  1. In the Interactions tab, click the record dot next to a state. The row gets a magenta outline.
  2. An Editing state: Hover pill appears on the stage, and a notice says “Changes now go into “Hover” — Done when finished”.
  3. Move, scale, rotate or fade layers on the stage, in the selection bar or in the inspector. Change a fill or text color, or double-click a label and type new text. Each change is stored in this state, not in the timeline.
  4. Click Done in the pill or press ⇧⌘↩ to stop recording.
Recording a state with the Editing state pill
RecordedNot recorded
Position, scale, rotation, opacity, size, tilt, blur and other numeric propertiesGradient edits
Solid Fill and Stroke colors of shapes, the Text color of text and symbolsNew or deleted layers
The text of a text layerTimeline keyframes (they stay as they are)

Setting a color or text back to what the timeline shows removes it from the state again, so a state only holds real differences.