Claude Design Formatting: How to Export Clean PNGs for Social Posts and PowerPoint

If you're a marketer, social media freelancer, or agency using Claude Design to build client carousels and decks, you've probably hit the same wall. The designs look great in Claude. The exports don't.

PowerPoint drops fonts. Canva breaks on carousels. Screenshots ship with the carousel UI baked in. This guide covers what works, what doesn't, and the fastest way to get Claude Design output into client-ready format.

What Claude Design actually exports

Claude Design (claude.ai/design) offers five export formats:

• HTML (standalone or project ZIP)
• PDF
• PowerPoint
• Canva
• Claude Code handoff

Only HTML and PDF are reliable in 2026. PPTX and Canva exports have known issues. The Claude Code handoff is built for shipping production websites, not social posts. That leaves most marketers staring at an HTML file they don't know what to do with.

Why the PowerPoint export breaks client decks

The .pptx export tries to translate web fonts, CSS gradients, and React layouts into native PowerPoint shapes. Fonts don't carry over. Gradients flatten. Image crops shift.

By the time the deck lands in PowerPoint, the visual hierarchy is gone. Agencies testing the export report spending almost as long cleaning up the file as they would have building the deck from scratch. Not great when a client expects the deck on Monday.

The reliable fix is to render each slide as a full bleed PNG and embed those into a fresh .pptx.

Why screenshots fail for social posts

Screenshots are the obvious fallback. They look obviously like screenshots.

The carousel UI gets captured with the slide, so page counters, arrows and pip dots end up in the final image. The aspect ratio is close to 4:5 but never exact, so Instagram re-crops your hero text off-centre. Only the visible slide is captured at a time, so you're manually clicking through every slide and reordering files. And the pixel size is whatever your monitor decided, scaled down again by the platform.

There's also a fit-scaler quirk in most Claude Design templates that shrinks the canvas to about 96% of the viewport. Screenshot it and you get a thin white margin around every slide edge. Subtle, but obvious in a feed.

How to export Claude Design as clean PNGs

The workflow that actually works is three steps:

1. In Claude Design, open the export menu and choose Standalone HTML (or Project ZIP if your design has local assets).
2. Drop the file into a renderer built for Claude Design output, like Renda.
3. Pick a preset for the platform you're posting to. Download.

A renderer built for Claude Design knows to wait for React hydration, neutralise the fit-scaler transform, hide the carousel chrome, and iterate every slide in a deck. Generic HTML to image tools skip these steps and you end up back where you started.

Format presets that matter for client work

The pixel sizes that actually matter in 2026:

For Instagram carousels, default to 4:5. It takes up more vertical space in the feed and consistently outperforms square for scroll stopping content. Which is exactly the kind of post Claude Design is great at producing.

A real client carousel, end to end

Build the carousel inside Claude Design. Export as Standalone HTML. Drop it into Renda. Pick Instagram 4:5. Download.

Every slide arrives as a separate 1080 × 1350 PNG, named in deck order, ready to schedule in Buffer or Later. From “client approved the design” to “it's queued up to post” is under two minutes once you've done it once.

For agencies running multiple clients, that's the difference between billing for design and billing for cleanup.

Decks, landing pages, and the rest

The export path changes for non-social work:

• Client pitch decks: export HTML, render to .pptx
• Print decks and one-pagers: export PDF directly from Claude Design
• Landing pages or websites: use the Claude Code handoff
• Email graphics, posters, flyers: export HTML, render to PNG
• App icons or thumbnails: export HTML, render at the exact pixel size

The pattern across all of it: Claude Design is a creation tool, not a delivery tool. Pair it with whatever handles the last mile and the workflow gets a lot smoother.

Conclusion

Claude Design is one of the fastest ways to make polished visual work without opening Figma or Canva. For marketers and agencies, it cuts a real chunk out of production time. The exports just haven't caught up with the design quality yet.

Until they do, the workflow that actually works is exporting the HTML and rendering it cleanly somewhere else. Drop the file into Renda, pick a preset, and you've got social-ready PNGs or a working .pptx in under a minute. The first ten renders a month are free, which covers a couple of client carousels before you have to think about it.