How to Design Slides and Documents with Claude

TL;DR

Choose a design system before prompting Claude Design, then provide the task, content outline, context, and any source files needed for accuracy. You can create slides, reskin documents, revise elements through comments or direct editing, export finished work, and build a reusable brand system from website files containing your fonts, colors, logo, and other assets.

Transcript

In this video, I'll show you exactly how to use Claude Design step by step. Now, Claude Design is an AI that makes your slides, your documents and other assets look professionally designed even if you're not a designer. I'm David and we'll start with the basics, like creating PowerPoint slides and Word docs that look great. And then we'll move on t... Read More

Key Insights

• Claude Design is available from the design button in the lower-left corner of Claude on desktop and the web. The tutorial states that access requires a paid plan and identifies the Pro plan, priced at $20 per month, as the cheapest entry option.
• A design system is a collection of rules defining how an asset should and should not look. Selecting an existing system, such as Modernist, gives Claude clearer visual direction than a vague instruction such as asking it to make the work look good.
• Source documents are useful for grounding generated slides in existing content. The demonstrated workflow attaches a launch plan, describes the presentation task, supplies a slide outline and additional context, then lets Claude build the deck live one slide at a time.
• Claude Design leaves image placeholders instead of generating the images automatically in the demonstrated slide workflow. Users can click a placeholder to view its image and use the small edit control in the upper-right corner to adjust how that image is framed.
• Comments provide a targeted workflow for revising generated assets. Users can select elements, record specific feedback, review the collected comments in the sidebar, check the requested changes, and send them together to Claude for another iteration.
• Document editing supports several forms of control beyond conversational comments. The pencil tool exposes properties for selected text or containers, Pro mode changes multiple elements simultaneously, and tweaks create controls that let users compare alternatives such as one-column and two-column layouts.
• A custom design system can be created without a codebase by uploading saved website files. The demonstrated method saves a webpage locally, moves its HTML file into the associated asset folder, and uploads that folder so Claude can extract fonts, colors, and the logo.
• Project preferences can be saved in a CLAUDE.md file for reuse across conversations within the same project. A new chat can then combine those stored requirements with a chosen design system to generate another document that follows both the preferred structure and the brand styling.
• More videos from this channel:
  • How to create and edit images with Nano Banana AI?
  • How to automate slides from Sheets with Gamma API
  • How to Install and Run VirtualBox for Beginners
• More from this channel: Kevin Stratvert

Questions & Answers

Q: How do you create a slide deck with Claude Design?

Open Claude Design from the design button in the lower-left corner, choose the slides template, and complete the pre-seeded prompt. Describe the task, provide a slide outline, add relevant context, and attach a source document when useful. Select a design system before submitting. Claude then builds the presentation live, one slide at a time, in an interactive workspace beside the chat.

Q: Why should you choose a design system before prompting?

A design system gives Claude explicit rules for the appearance of the asset, including the visual choices it should and should not make. This is more precise than simply asking for something that looks good, especially when the user lacks design vocabulary. The tutorial demonstrates selecting the existing Modernist system before creating both a presentation and a redesigned document.

Q: How can you revise slides generated by Claude Design?

Use the comment tool to select an element and describe what should change in plain language. Comments accumulate in the left sidebar, where you can check the changes you want Claude to address and send them together. Claude produces a revised iteration within the design workspace. Images can also be selected directly, and the edit control can reframe them.

Q: How do you present or export a Claude Design deck?

To present the deck directly from Claude Design, select the monitor-shaped present button to enter full-screen mode, then move through the slides with the arrow keys. To use the result elsewhere, select the share button in the upper-right corner. The available options include sharing it as a Claude artifact and exporting it to different formats or apps, including PowerPoint and Google Slides.

Q: How can Claude Design improve an existing document?

Choose a document template, attach or provide the existing asset, and select a design system. In the demonstrated workflow, no written prompt was needed because the goal was simply to reskin a plain launch plan with the Modernist system. Claude produced a more polished version that was nearly ready to send while preserving the document as an editable design.

Q: What editing tools are available for Claude Design documents?

Claude Design offers comments plus three demonstrated editing approaches. The pencil icon lets you select an element and change properties for its text or container. Pro mode allows several elements to be selected and modified together. Tweaks create controls for switching between multiple design options, such as a shortened two-column layout and the original one-column layout.

Q: How do you create a brand design system from a website?

Open Design System, choose the setup option, and select Create if you do not have a connected codebase. Enter the company or personal brand name and provide a short description. Save the brand website locally with Control S, place the saved HTML file inside its asset folder, upload that folder, add optional context, and continue to generation.

Q: How can you reuse document preferences in Claude Design?

Tell Claude to save the preferences established while refining a document project. The tutorial says those settings are stored in a file named CLAUDE.md. Within the same project, open a new conversation through the chat history control, request the document again, and choose the desired design system. Claude can then apply both the saved preferences and the selected brand styling.

Summary & Key Takeaways

• Claude Design creates slides, documents, and other assets inside Claude. After selecting an asset template, describe the task, outline the desired content, attach relevant source material, and choose a design system. Claude builds the result live, while the workspace keeps the conversation beside an interactive preview of the generated asset.

• Generated slides can be reviewed, presented, shared, or exported to formats and apps such as PowerPoint and Google Slides. Improvements can be requested through comments attached to individual elements. Documents offer additional editing methods, including a properties panel, Pro mode for changing several elements together, and tweaks for switching between alternative layouts.

• A custom design system can be generated from a connected codebase or saved website files. Claude extracts brand elements such as fonts, colors, and logos, then makes the system available in future projects. Project preferences can also be stored in CLAUDE.md, allowing new chats to reproduce established document requirements with the selected brand styling.