Export to code

Export images and decks, or turn boards into code for nine frameworks.

1Images and files

Export a selection as PNG, JPEG or WebP at any scale, or as SVG, a multi-page PDF, HTML or HTML with Tailwind. Use File, Export image (Cmd+Shift+P), the Export section in the panel, or the quick export menu on the canvas.

Export all frames writes every board, or just the selected ones, into a folder.

2Slides

Export a deck as PowerPoint (.pptx), as one self-contained HTML slideshow, or as a PDF with a slide per page. The command line can also write a HyperFrames video composition.

Terminal

de export-deck --output talk.pptx --format pptx

3Code

The Code panel (Cmd+Shift+C) shows the selected board as code and saves it to a file. Targets:

React, Vue, Svelte
HTML, HTML with Tailwind v4
Flutter, SwiftUI, Jetpack Compose, React Native

codegen_export gives the same result every time. For large pages an agent can use the chunked pipeline instead: codegen_plan splits the page, the agent writes each part, and codegen_assemble joins them.

4design.md

Export the written design description from the Design System panel to hand a design language to another tool or agent.