JuoniImport · Claude Design
IMPORT · CLAUDE DESIGN

Turn a Claude Design into a presentation.

Made your slides in Claude Design? Export them and drop the file on New. Your text stays text, your shapes stay shapes, and the colors you chose arrive as a style you can keep — and you see exactly what came across before anything is created.

01

The three steps.

The whole import is three moves, and the third is the one that matters: you see what came across before anything is created.

  1. 01
    Open Share in Claude DesignUnder Export, choose Project HTML. Not PNG, not PowerPoint — this reads the structure of the page, not a picture of it.
    One design is one deck
  2. 02
    Download the .zipThe zip keeps images as files, so they arrive as swappable assets. A standalone .html works, but any image it does not carry comes in empty and flagged.
    Or the .html on its own
  3. 03
    Drop it on NewYou get a report before anything is created: what mapped, what did not, and what to do about it — per slide. Then open the editor.
    Then it is a deck like any other
FIG 1

The well on New. The same well takes a design made in ChatGPT, and a PowerPoint deck.

02

The prompt to paste, before you start.

A design made with the import in mind lands better than one made without it, so New carries a prompt to paste into Claude Design first. It describes the file the reader wants: the slide canvas, the deck’s twelve-column grid and its margins, your kit’s fonts by name, real text and never a picture of type, data in a real table, one section per slide, and nothing that runs.

It also names every setting the editor can read and what each snaps to — fills, gradients, corners, shadows, borders, grain — so what you set in Claude Design arrives as the same setting here, still editable, rather than as a drawing of it. The prompt is generated from the editor’s own contract, so it is never out of date.

What the prompt asks the design to do

  1. One section per slide, in the order the slides should run.
  2. Blocks aligned to the grid; a full bleed is left exactly where you drew it.
  3. Real, selectable text in the named fonts, nothing under 24px.
  4. Pictures as image files in the project, one per picture.
  5. Figures in a real table, so they arrive editable and chartable.
  6. No scripts, animation, frames or embeds: draw the end state.
03

What comes across.

The design is measured as a browser would draw it, so what you see in the editor is where things were — not an approximation from the file. Each kind of thing in the design lands as the kind of thing the editor already has.

In the designIn the deckYou can
TextHeadings, paragraphs, listsEditable text, on the deck’s type stylesRetype it, restyle it, ask the agent to tighten it
Boxes, borders, rulesDivs with fills and edgesNative shapes and linesMove and recolor them like any block
ImagesThe files in the zipPictures carrying the fileSwap them, or reuse them in any deck
ColorsThe palette you choseA style for this deckKeep it, or switch the deck to your brand kit
Gradients, corners, shadowsAs you set themSnapped to the style’s steps, still editableAdjust them in the panel
TablesA real <table> of figuresAn editable table, its header band and column widths keptTurn it into a native chart in one click
Labels, speaker notesA label and a note per artboardSlide titles and the notes panePresent from them
Animation, scripts, videoAnything that runsA flagged box at its exact sizeReplace it with the end state you wanted
TABLE 1

The mapping the importer applies. Nothing on the left is rasterized; everything in the middle stays editable.

04

What to look at afterwards.

A design is free geometry; a deck is a grid. Blocks that landed off a column or in the margin are flagged on the slide, and Snap to grid puts them on it in one move. A block that reaches the edge of the slide is taken to be bleeding on purpose and left alone. If the face the design used isn’t one of the deck faces, the style names the one it picked, so you can see what changed before anyone else does.

The same well takes a design made in ChatGPT and a PowerPoint deck.

OFF-GRID BLOCKS ARE FLAGGEDSNAP TO GRID IS ONE MOVEBLEEDS ARE LEFT ALONENOTHING IS METERED
QUESTIONS

Short answers, one each.

Anything longer is a section above.

01

Which export should I choose in Claude Design?

Share → Export → Project HTML, downloaded as a .zip. Not PNG and not PowerPoint: the importer reads the page as structure, so text stays text and shapes stay shapes. A picture of the design would arrive as a picture.

02

Do I need the .zip, or is the .html enough?

The .zip is better. It keeps the pictures as files, so they arrive as assets you can swap or reuse. A standalone .html imports too, but any picture it does not carry comes in as an empty, flagged box.

03

Does importing a Claude Design use credits?

No. Importing and editing are never metered, on any plan. Credits are spent only by agent turns and generated pictures, and the editor quotes each one before it runs.

04

Can I keep my brand instead of the design’s colors?

Yes. The design’s colors arrive as a style for the deck. Keep it, or switch the deck to your brand kit and every block follows.

05

What happens to animation in the design?

Anything that runs — scripts, CSS transitions, video, an embed — arrives as a flagged box at its exact size, so you can replace it with the end state you wanted. Motion in the deck is asked for by name in the editor, not carried in the file.

06

Is there a prompt that makes the design import better?

Yes. New carries a prompt to paste into Claude Design before you start. It names the slide canvas, the grid, your kit’s fonts and every setting the editor can read, so what you design there lands as native settings here.

Start with a sentence. Keep the deck.

Whatever the agent builds is yours to take apart — every slide, every box — in an editor that was there first.