For the complete documentation index, see llms.txt. This page is also available as Markdown.

Editing your Demo

After recording, customize your demo in the Saltfish editor.

Step Settings

Click any step in the left sidebar to edit:

Setting
Description

Tooltip Text

Text shown in the tooltip bubble pointing to your click

Zoom Level

How much to zoom into the click area (1x-3x)

Duration

How long this step displays before auto-advancing

💡 Tip: Keep tooltips short and action-oriented: "Click here to create a new project"

Design Settings

Open the Settings panel to customize the overall look:

Setting
Options

Primary Color

Your brand color for buttons and tooltips

Font Color

Auto (contrast-based), white, or black

Browser Style

Desktop (with browser chrome) or Minimal (borderless)

Card Layout

Centered, Left-aligned, or Right-aligned

Intro & Outro Cards

Add context with cards that bookend your demo:

Intro Card

  • Title (e.g., "See how to create a project")

  • Description (1-2 sentences of context)

  • CTA button text (e.g., "Start tour")

Outro Card

  • Title (e.g., "That's it!")

  • Description (e.g., "You've seen how easy it is to get started")

  • CTA button text (e.g., "Replay" or links to your signup)

Managing Steps

  • Delete a step: Click the trash icon on the step

  • Reorder steps: Not currently supported - re-record if needed

Preview Your Demo

Click Preview to see exactly what viewers will experience, including animations and timing.

Last updated