Convert Claude Design to PDF
Claude Design turns a prompt into a finished presentation, and Edit and Annotate let you refine it without ever dragging a text box. Then you export to PDF and the design falls apart: gradients flatten, shadows vanish, fonts change. The fix is to export your design as HTML and convert that. This converter renders the HTML export in a real Chromium browser and captures every slide exactly as it looks in Claude.
Your file is processed in an isolated browser and deleted immediately after conversion.
Why Claude Design's PDF export breaks your design
- PDF export pipelines re-render the design for paper instead of capturing what is on screen, so the output never quite matches the preview.
- Gradient headlines (background-clip: text) come out as solid black or disappear.
- box-shadow and backdrop-filter, which Claude Design uses heavily for depth and glass effects, are flattened or dropped.
- Full-viewport slide layouts get resized or cut across pages.
- Custom fonts can fall back to system fonts in the exported file.
How to convert
- 1.In Claude Design, open the Share menu and choose "More formats and apps".
- 2.Pick HTML. Claude downloads your design as a .zip archive (or a single .html file).
- 3.Drop that file into the converter above, as is. No need to unzip anything.
- 4.The engine detects the slides, renders them in headless Chromium and captures each one at 2x resolution.
- 5.Download a PDF that matches what you saw in Claude Design, pixel for pixel, links included.
Skip PowerPoint entirely
The old presentation workflow was: draft in your head, fight with PowerPoint for hours, export. Claude Design replaces all of it. You describe the deck in a prompt, reshape it with follow-up prompts, fine-tune details in Edit mode and mark up changes with Annotate. Nobody drags text boxes anymore.
The only step that still failed was the last one: getting a final PDF that looks like what you designed. That is the step this converter fixes. Claude Design for the design, Renditions for the rendition.
Renditions vs the built-in PDF export
The difference is the rendering path. A PDF export re-interprets your design for a paged document format, which is where gradients, shadows and layouts degrade. Renditions never translates anything: it loads the HTML export in the same Chromium engine that displays it in your browser, screenshots each slide at full resolution, and assembles those exact pixels into a PDF.
That is why the output matches the on-screen design 1:1. What Claude rendered is literally what ends up in the file.
FAQ
How do I download my Claude Design presentation as HTML?
Open the Share menu in Claude Design and choose "More formats and apps", then pick HTML. Claude downloads a .zip archive containing your design (or a single .html file). Upload that file here without unzipping it.
Why does the PDF exported from Claude Design look different from the preview?
PDF export re-renders the design for a paged document format instead of capturing the on-screen rendering. Modern CSS effects like gradient text, box-shadow and backdrop-filter degrade in that translation. Converting the HTML export with a screenshot-based renderer avoids the translation entirely.
Do I need to unzip the export before uploading?
No. Upload the .zip exactly as Claude Design produced it. The converter serves the archive's files internally, like a web server would, so fonts, images and styles all load.
Can I export Claude Design to PowerPoint instead?
Renditions outputs PDF, not .pptx. For most decks that is enough: a PDF opens everywhere, projects cleanly and cannot be accidentally reflowed by someone else's PowerPoint version. If you iterate on the content, do it in Claude Design with prompts, Edit and Annotate, then re-export.
Is Renditions affiliated with Anthropic or Claude?
No. Renditions is an independent converter. It works with any HTML export, whether it comes from Claude Design, Claude Artifacts, ChatGPT, Gemini or your own code.