Skip to main content

​
Caption Designer

The Caption Designer is a standalone tool for crafting caption styles outside the flow runner. Tweak the look in a live preview, then copy a single style ID you can drop into the captions step in the editor or pass as a parameter to the API.

Open the Caption Designer

Free to use — no account required.

​
When to use it

  • You want to nail a caption look once and reuse it across many runs.
  • You’re driving Hyperclip through the API and don’t want to hand-write the full style JSON every time.
  • You want to share a caption style with a teammate by sending them a single link.
The Auto Captions step inside a flow already gives you the same controls — the Designer is just a more focused version of that panel, decoupled from a specific video, and producing a portable ID.

​
Style IDs

A style ID looks like this:
The ID is self-contained — it carries the full style payload. There’s no database lookup, no expiry, and no account binding. Pass the same ID across accounts, environments, or API calls and it always renders the same captions. The format is cs_<base64url>, where the payload is a partial CaptionStyle object. See the Auto Captions reference for the full list of fields.

​
Workflow

1

Design your style

Open the Caption Designer. Pick a preset to start, or build a look from scratch — font, size, colors, outline, shadow, background, animation, position, and word grouping.
2

Copy the style ID

The ID at the bottom of the page updates live as you tweak. Click Copy when you’re happy with the look.
3

Use it

Paste the ID in one of two places — see below.

​
Using a style ID

​
In the flow editor

Open the captions node in the flow builder and paste the ID into the Default Caption Style ID field. When the flow runs, the captions step opens with that style already applied — users can still nudge any field before captions are baked in. This is the only place inside the app that takes a style ID. The runtime captions panel deliberately doesn’t have one — the runner already has the full visual editor, so a paste-in field would just be duplicated UI. The Designer is for the two surfaces that don’t have a visual editor: the node editor (where you set a default) and the API.

​
In the API

Pass the ID under model_overrides for the captions step:
The 3 is the step_order of the captions step in your flow — see the flow’s GET /flows/:id response to find it. You can still pass _caption_style_overrides alongside the ID — overrides win field-by-field. Use this to nail a saved style and then nudge a single property per run (e.g. position).

​
Sharing styles

The Designer reads ?id=cs_… and #cs_… from the URL on load, so you can share a designed look by appending the ID to the page URL:
Anyone who opens that link sees the same starting point.

​
Limits

  • The Designer’s preview is static — animations only render when an actual flow runs the captions step. The shape, fonts, colors, and position are all true to the final output.
  • IDs are roughly 200–300 characters long. Treat them as data, not as something to memorize.
  • Only the fonts listed in the captions reference ship with the renderer. Anything else falls back to a system default at render time.