Export

All designs generated in Superdesign are HTML-first. You can export them directly and continue working in your own tools—whether that’s an IDE, an AI coding agent, or Figma.

​

Export Options

​

1. Download as ZIP (Frames)

• Select a single frame or multi-select multiple frames
• Export them as a ZIP file
• Each page is included as production-ready HTML

Best for moving multiple pages into a project at once.

​

2. Copy HTML Code

• Copy the HTML directly from any frame
• Paste it into your IDE and continue development

Ideal for quick edits or integration into an existing codebase.

​

3. Pixel-Perfect Transfer with Superdesign Agent

Use the Superdesign Agent skill to transfer designs into your codebase with high fidelity.

• Designed for pixel-perfect HTML transfer
• Works directly inside your development workflow
• Best for turning designs into maintainable production code

​

4. Export to Figma

If you need to move designs into Figma:

1. Install the html.to.design Chrome extension
2. Use the extension to capture the Superdesign preview page
3. Upload the captured file to Figma using the html.to.design Figma plugin

This recreates your HTML layout as editable Figma frames.

​

When to Use Which