logo
StreamShapers OGraf Builder

Broadcast graphics, start to finish, inside After Effects.

Create editable OGraf and HTML graphics directly in Adobe After Effects. Check your composition, render, configure in Ferryman, and export, all in one workflow.

Included in Pro and Studio
The problem

One workflow. Two windows. Three things that go wrong.

Without OGraf Builder
  • Design in AE, render in Bodymovin, save Lottie to your drive, generate OGraf with Ferryman in the Browser.
  • Lottie quirks silently break the Template.
  • Every revision means re-render, re-upload, re-configure.
With StreamShapers OGraf Builder
  • Both panels live inside After Effects. No external Files, faster iterations.
  • Preflight Check catches issues before render.
  • Re-render and configure right inside After Effects.
The StreamShapers OGraf Builder workflow

Comp → Preflight → Ferryman.

Three steps, one window. The whole pipeline lives inside After Effects.

01
Preflight Check panel listing the issues found in the comp

Design in Adobe After Effects

Build with regular AE tooling. Mark layers operator-editable by prefixing with an underscore: _headline, _logo.

02
Preflight Check panel listing the issues found in the comp

Preflight & Render

The export panel scans your comp and its precomps for known Lottie compatibility issues, helping you resolve them before rendering.

03
Ferryman field-editor panel showing the rendered template

Configure in Ferryman & Export

The freshly rendered template opens in the second panel, full Ferryman, inside AE. Fine-tune fields, then export as OGraf, HTML or raw Lottie.

What you get

A render panel and a web app, sharing one window.

01

Two panels, one tool

A render panel, plus the full Ferryman web app embedded as a second CEP panel. The browser tab is gone.

02

Preflight Check

Check your composition for supported conventions and known issues with effects, expressions, and layers before rendering.

03

Multi-format output

OGraf or HTML - with vendor-specific fields. Pick what your CasparCG, SPX-GC or OGraf-compliant playout expects.

04

Iterate in place

Tweak the comp, re-render - the new version drops into the Ferryman panel right inside After Effects. No browser tab, no manual reload.

FAQ

Questions, answered.

Does StreamShapers OGraf Builder run on macOS and Windows?

Yes. CEP extensions ship as a single ZXP that installs on both platforms.

Do I need a StreamShapers account?

Yes. Sign in with your StreamShapers account and an active licence. OGraf Builder is included in Pro and Studio. Studio members receive access through an assigned seat.

What does the Preflight Check actually look for?

It walks your selected comp and every precomp inside it, and flags the constructs that won't survive the Lottie export: Drop Shadow layer styles, Gradient Ramp effect, nested Vector Repeaters in Shape Groups, Audio/Video layers, and chained Expressions.

How does it relate to Ferryman?

Ferryman is the web-based Lottie-to-OGraf/HTML converter. StreamShapers OGraf Builder embeds Ferryman as a second CEP panel inside After Effects. Ferryman keeps working standalone at ferryman.streamshapers.com.

How do I get started?

Choose a Pro or Studio plan, then download OGraf Builder from your account once your licence is active. Install the extension and sign in inside After Effects.

Which After Effects versions are supported?

Tested on After Effects 23 through 26. Install the ZXP package using the aescripts ZXP Installer. See our documentation for setup instructions.

Start creating

Bring your next graphic to life.

Get OGraf Builder with Pro for individual creators or Studio for your team.