all2html¶
all2html turns design documents into responsive web output. It started as a clean-room ai2html-style exporter for Illustrator and now includes After Effects, Figma, and SVG import paths that all meet at the same canonical IR and rendering pipeline.
This project is pre-launch right now. Try everything. Some paths are more polished than others, but the point of this site is to make the current options understandable, downloadable, and easy to test.
Quick Install¶
Illustrator and After Effects panels need to be installed with with ZXPInstaller
- Illustrator: panel or plain script
- After Effects: panel or plain script
- Figma: Figma plugin
- Canva: Browser SVG converter
What You Can Use Today¶
Illustrator¶
The original all2html path. Use the script if you want the classic workflow, or the CEP panel if you want a modern settings surface with diagnostics and font mapping.
Illustrator install and options
After Effects¶
Exports a rendered video plus timed HTML overlays from AE text layers. There is also a shared CEP panel surface if you want a UI for templates, font mappings, and output paths.
After Effects install and options
Figma¶
The Figma plugin exports selected top-level frames into the same shared pipeline. The current UI targets HTML and Standalone HTML and is already useful for real files.
SVG Conversion¶
You can import a single SVG, a folder of SVGs, or a ZIP of SVGs and render them through the same pipeline. This is the Canva-friendly path, but it is intentionally general-purpose rather than Canva-specific.
Open the SVG browser converter
How This Site Is Organized¶
- Install is the main entry point and download guide.
- Options breaks down the workflow and settings per surface.
- Examples gives you real source files and outputs to inspect.
- How It Works explains the IR, pipeline, adapter model, responsiveness, and special layers.
- Reference is the technical documentation for settings, formats, and schema shape.
- Troubleshooting covers the common failure modes.
Screenshot placeholder Crop the GitHub Releases page to the asset list so the script, panel packages, and After Effects zip are all visible in one shot.