Skip to content

Prototype player

Mark a starting point, press Play and click through the frames.

The player runs the prototype links of a canvas. It shows one frame at a time, full screen, and follows the links when you click, hover, drag or wait.

  1. Open a frame and, with nothing selected, find Prototype flow in Properties.
  2. Press Play. The player opens on that frame.
  3. Click the layers that have links. The next frame arrives with the transition you chose.

Clicking an empty spot flashes the linked areas. Restart (or R) goes back to the start; Esc closes the player, or closes an overlay first.

TriggerIn the player
On clickclick the layer
While hoveringthe pointer enters the layer
On dragpress on the layer and move
After delaya timer starts when the frame is shown
ActionIn the player
Navigate to, Scroll tothe target frame replaces the current one
Open overlaythe target frame opens at its own size over the current one, centred, at the top, at the bottom or where the link places it, over a dimmed background; a click outside closes it unless the link turns that off
Close overlaycloses the top overlay with the link’s transition
Backcloses the top overlay, otherwise returns to the previous frame, with the transition reversed
Change tothe instance around the layer switches to that variant, in place; the rest of the frame reflows around it. While hovering switches back when the pointer leaves

Where a linked layer sits under another linked layer, the one drawn on top takes the click; a child’s own link beats its parent’s, and a child without a link lets the click through to its parent.

Element states play too: a layer with a Hover or Pressed state, inside a group or a component instance, changes while the pointer is over it or presses it.

Dissolve, Slide in and Push use the easing and duration set on the link.

A flow is a named starting point. In Prototype flow press Set as starting point on the frame where a journey begins and name it (for example Onboarding). A canvas can hold several flows; the player lists them next to the frame name and Restart returns to the one you picked. Remove takes the mark off.

Press Copy play link. It publishes every frame that can be reached from this one through the links, turns the canvas share link on and copies an address like https://feega.app/play/<token>?frame=<nodeId>. Anyone with the link plays the prototype, read only, without signing in. A link without ?frame= starts on the first flow of the canvas, otherwise on the top-left frame.

Turning the canvas share off ends every play link.

  • set_flow (frame tool, through motion_tool in MCP or feega motion tool) with name; name: null removes the mark. get_motion_doc reads it as flow.
  • get_play_link (MCP, and the canvas agent) with node_id: answers url, the reachable frames and the canvas flows as { frame_id, name }.
Terminal window
feega motion tool <nodeId> set_flow --input '{"name":"Onboarding"}'
feega motion play <nodeId>
{ "node_id": "<frame node id>" }
  • Hovering opens the target on pointer enter; moving off the layer does not undo it, use a Back link (a Change to link does switch back).
  • A frame taller or wider than 8192 px plays with the HTML renderer.
  • Scroll to behaves like Navigate to: it moves to the target frame, it does not scroll inside a frame.
  • Frames are played at their first frame with the animation looping; layers are located where they sit at the start.
  • A public link shows only frames that are published; uncensored projects cannot be shared.
  • An overlay bigger than the frame under it shrinks to fit.