Skip to content

Install

This is the main install page. Start with the direct download links below.

How Finished Each Surface Is

Surface Maturity Read this first
Illustrator (script or panel) Stable The production path, with the deepest feature coverage.
After Effects (script or panel) Limited One comp at a time, video plus timed HTML overlays. It does not run the shared pipeline, so most canonical settings do not apply.
Figma plugin Beta Runnable and useful on real files, but not a supported exporter yet.
SVG conversion (CLI or browser) Beta Full pipeline, but SVG input carries less information than a native document.

Support matrix — output formats and special-layer tags, per surface. Settings reference — which settings each surface actually honors.

Start Here

Illustrator Script

Use this when you want the classic ai2html-style flow.

Direct download: all2html.js

  1. Download all2html.js.
  2. In Illustrator, choose File → Scripts → Other Script.
  3. Select all2html.js.

For permanent install, copy it into Illustrator’s Scripts folder and restart Illustrator.

Illustrator details and options

Illustrator/After Effects Panel

The extension gives you a shared interface for Illustrator and After Effects.

Direct downloads:

Illustrator panel details After Effects panel details

After Effects Script

Use this when you want the packaged .jsx workflow.

Direct download: all2html-after-effects.zip

  1. Download all2html-after-effects.zip.
  2. Unzip it.
  3. Run all2html-ae.jsx from File → Scripts → Run Script File..., or copy it into the app’s Scripts folder for permanent install.

This exporter works on the active comp in a saved .aep project.

After Effects details and options

Figma Plugin

Direct download: all2html-figma-plugin.zip

  1. Download all2html-figma-plugin.zip.
  2. Unzip it.
  3. In Figma, choose Import plugin from manifest...
  4. Select manifest.json from the extracted plugin folder.

The extracted folder needs to stay intact because the manifest points at the built plugin files inside dist/.

The plugin works from selected top-level frames and currently exports HTML or Standalone HTML from the UI.

Figma details and options

SVG Conversion

There are two ways to use the SVG conversion path right now:

  • CLI: useful for automation and repeatable exports
  • Browser app: useful when you want drag-and-drop conversion without writing code

Open the browser app: SVG browser converter

Local commands:

pnpm install
pnpm build
pnpm build:svg-dropzone
pnpm dev:svg-dropzone

SVG conversion details and options

Build From Source

If you want every surface available locally:

pnpm install
pnpm build
pnpm build:illustrator
pnpm build:panel
pnpm build:after-effects
pnpm build:figma
pnpm build:svg-dropzone

The repo root is also where the diagnostics and verification commands live:

pnpm diagnostics:illustrator
pnpm diagnostics:after-effects
pnpm exec vitest run
pnpm exec tsc --noEmit