Magic Canvas

A pipeline for building talk slides that combines Figma for layout, LaTeX for typesetting, and a browser-based viewer presenting the deck as a single SVG with animated zooming and panning.

Magic Canvas: work-in-progress editor UI
Work-in-progress editor UI.

Its output is already production-ready — I used it for my ICALP 2026 slides — and I am polishing the workflow before an initial public release.

Magic Canvas: bundled viewer, shown here with my ICALP 2026 slides
The bundled viewer, shown here with my ICALP 2026 slides.

Tech stack

A Figma plugin (TypeScript, Vue 3, Tailwind CSS) handles layout; a Node/Express server renders the LaTeX portions; and a bundled viewer (TypeScript, Vue 3, anime.js) packages the deck as a single self-contained animated SVG, playable offline with no server round-trip.