Skip to content

Ad storyboard builder

Write out the shots, move them into order and add the lines that go with them. Export the plan when the sequence makes sense.

Manual frame editor. Select a frame to edit its filming assignments.

Title, frame shape and production constraints

1 of 12 frames · 3 planned seconds of 90

Edit frame 1

Frame 1 preview

No image reference supplied. Use the visual assignment below to plan the shot.

Read current frame assignments
Shot
Not assigned yet.
Visual assignment
Not assigned yet.
On-screen text
Not assigned yet.
Audio / spoken words
Not assigned yet.

Import and practice loading replace the current plan. Export your edits first. Images are flattened into small JPEG previews. Keep original production files separately. Inputs stay in this tab and are lost on refresh. No account, upload service, image generation or AI model is used.

Enable JavaScript to edit frames and export. The original storyboard example and downloadable files below work without it.

Turn 1 product question into a filmable sequence

A storyboard puts the shots, words and sound in order. Use the editor to work out the sequence before you book a shoot or start cutting footage.

  1. Write the product question and the facts you can substantiate.
  2. Give each frame 1 visible job, a camera position and a planned duration.
  3. Add on-screen and spoken words separately, keeping their meaning consistent with the shot.
  4. Move frames earlier or later until the demonstration reads in order.
  5. Export JSON to reopen your edits, or HTML to print a readable shooting handoff.

Plan what happens in each frame, how long it takes and what we hear or read. Move the frames until the sequence makes sense, then export the plan for the team.

A 6-frame storyboard

Example assignment: show an inside zip pocket in a travel bag. These 6 frames plan 18 seconds. The timings are a production assignment, not a platform requirement or prediction of engagement.

  1. Question / medium shot · 3 seconds. Open the bag on a clear table. Keep the inside pocket visible. On-screen: “Where can a small charger go?” Audio: Spoken: Where can a small charger go?
  2. Detail / close-up · 2 seconds. Hold the zip pull beside the pocket opening. Keep fingers away from the detail. On-screen: “Inside zip pocket” Audio: Natural zip sound. No spoken claim.
  3. Demonstration / overhead · 4 seconds. Place one small charger inside the pocket in 1 continuous shot. On-screen: “Show the placement” Audio: Spoken: Here is the pocket we are showing.
  4. Detail / close-up · 3 seconds. Close the zip. Hold long enough for the closure to be visible. On-screen: “Close the zip” Audio: Natural zip sound.
  5. Context / medium shot · 3 seconds. Return to the open bag and point to the pocket location. On-screen: “Review the actual product photos” Audio: Spoken: Check the pocket layout in the product photos.
  6. Closing / product shot · 3 seconds. Hold the bag still with clear space for the destination instruction. On-screen: “See the pocket layout” Audio: Spoken: See the pocket layout before deciding.

Travel-bag brief. Verify the actual pocket and product before filming. No capacity, airline-approval, customer-experience or performance claim is implied.

Review the handoff before sharing

Read the storyboard without talking someone through it. Does the action match the words? Does a new shot need another setup or location? Mark anything the team can’t film yet, and check permission for any references you plan to use. Choosing a frame shape here doesn’t resize your footage.

The printable HTML is a local document with embedded image previews. Keep your original production files separately, and check permissions, image detail and framing before the shoot. The export doesn’t publish or share the plan.

What does this storyboard maker actually create?

You write the shots, text and audio for each frame. You can reorder the frames and include local image previews in your export. The builder does not generate images, predict performance or check whether a claim is true.

Can I print the storyboard or save a PDF?

Download the printable HTML, open that local file in a browser, then use Print. Your browser’s PDF option can save the production plan. JSON is the editable format for importing back into this builder.

What happens without JavaScript?

The complete practice sequence and both downloads remain readable. Edit the JSON or use the existing storyboard template by hand. The interactive editor requires JavaScript.