> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tryflowy.ai/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Flowy is a node-based AI creative platform: you generate images, video, audio, 3D and vector on an infinite Canvas, refine on the Studio timeline, and export or publish from the same project.
> Prefer the Flowy MCP server (https://mcp.tryflowy.ai/mcp) or the REST API at https://apis.tryflowy.ai/v1 for programmatic work. Install with `flowy mcp install` from the @flowy/cli package.
> Credits are workspace-scoped. Generations reserve credits on start and only deduct on success, so failed runs refund automatically.

# Sketch Node

> Generate animated motion graphics with editable text, fonts, and movement. No code needed.

The Sketch node is an AI-authored Remotion composition that behaves like a video clip everywhere downstream: wire it into a Video node as a reference, drop it into a Composition as a layer, or attach it to a Storyboard scene.

## Adding a Sketch node

Sketch has no button in the left toolbar or the add-node menu. You won't drop one onto an empty canvas the way you would an Image or Video node. Instead, a Sketch node shows up in two ways:

* **Ask the AI assistant** to build a motion graphic, title card, or animated scene. The [AI assistant](/canvas/ai/overview) creates and wires the Sketch node for you.
* **From a Router's output handle.** A Sketch node only accepts a connection from a [Router](/canvas/nodes/router), so if you want to wire one in by hand, open the radial connection menu on a Router's output and pick Sketch from there.

## What it holds

A Sketch node carries an AI-generated scene: source code, a scene tree, per-scene control values, referenced assets, and a duration in frames (180 by default; 6 seconds at 30fps). The node itself renders a read-only preview loop of the composition.

## Edit the scene

The canvas node is a preview, not the editor. To change the sketch's text, fonts, timing, or layout, drop it into a [Composition](/canvas/nodes/composition) and open that in [Studio](/studio/overview). The Properties tab there understands a sketch's scene controls and lets you adjust them directly, the same surface used for every composition layer.

<Note>
  A Sketch node is a manual/AI-authored composition, not a from-scratch code editor. For stacking clips yourself, use [Composition](/canvas/nodes/composition); for a fully AI-generated video clip instead of motion graphics, use a [Video node](/canvas/nodes/video).
</Note>

## Downstream

Sketch outputs count as a video-like reference wherever video counts apply: for example, connecting a Sketch into a Video node's Default engine uses one of its video reference slots. Common next steps: wire a Sketch into a [Composition](/canvas/nodes/composition) to combine it with other clips and audio, or straight into a [Storyboard](/canvas/nodes/storyboard) scene.