FolioscopeFlip through your design prototypes: a web component that plays .fig, .sketch, .xd and .penpot files.
DRAWN: B.
SCALE 1:1
1.0 Overview
A web component that plays the interactive prototype stored in a .fig, .sketch, .xd or .penpot file (clicks, hovers, overlays, navigation between screens) right in the browser, with no account and no Figma, Sketch or Adobe licence. It is a player, not a viewer: no canvas to pan, no layers to inspect, visitors click through the screens the way the designer linked them.
It is made for archiving and showcasing work, portfolios and case studies, in plain files that keep playing whatever happens to the design tool that made them. Two paths: pre-render the file at build time (layered images and DOM hotspots, under 15 KB of JavaScript, no WebAssembly), or point the player straight at the raw file and let it decode and render in the browser, with WebAssembly loaded on demand.
It is early: .fig prototypes bake and play with click, timed, hover and press links, overlays, scrolling and interactive components, and .sketch, .xd and .penpot prototypes follow with their links and transitions. The project plan and the roadmap are public in the repository.
RustTypeScriptWebAssemblyWeb Components
2.0 Specification
| Status | Early stage |
|---|---|
| Organization | baxyz |
| License | AGPL-3.0 |
| Languages | Rust |
| Started | Oct 19, 2026 |
| Last activity | Nov 1, 2026 |
| Latest release | folioscope v0.0.8 · Oct 31, 2026 |
| Component | Description | License | Latest release |
|---|---|---|---|
| Player (npm) | The <folioscope-player> element, the full player that decodes raw files in the browser, and the Vite plugin that pre-renders at build time.Lite player under 15 KB of JS, checked in CI · Full player under 2.5 MB of WebAssembly, checked in CI | AGPL-3.0 | v0.0.8 · Oct 31, 2026 |
| CLI and core (crates.io) | The folioscope command line (bake, inspect, fonts, render) and the library behind it: importers for the four formats, the common intermediate representation and the renderer.Unsafe code forbidden · Dependency licenses and advisories checked with cargo-deny | AGPL-3.0 | v0.0.8 · Oct 31, 2026 |
3.0 Releases
- folioscope v0.0.8
- folioscope v0.0.7
- folioscope v0.0.6
- folioscope v0.0.5
- folioscope v0.0.4-beta.1
- folioscope v0.0.4
- folioscope v0.0.3
- folioscope v0.0.2
4.0 Quality gates
- Conventional CommitsOne commit convention with gitmoji across repos, plus a reusable action that validates pull requests.
5.0 Collaborate
I am looking for help with:
- Real prototypes in the four formats to test against: what breaks, what renders differently from the design tool.
- Feedback from designers and front-end developers on the player and its API.
- Rendering fidelity work listed in the roadmap: masks, blurs, blend modes, inner shadows, per-run text styles.
Looking for collaborators, feedback or a conversation about any of this? These are the ways to reach me.