claude design tutorial

Claude Design Tutorial: Turn One Transcript into 5 Designs (Free Alternative)

by

Anthropic recently launched a massive upgrade to Claude called Claude Design. It completely changes how we create content. Instead of building slide decks or landing pages block by block, you hand Claude a raw document—like a YouTube transcript—and it generates a fully branded presentation, infographic, and even a landing page in minutes.

The only problem? It burns through your Claude usage limits incredibly fast.

But there is a backdoor. There is a free, open-source alternative called OpenDesign that gives you the exact same workflow without paying for a new subscription. Here is how both tools work, and how to set up the free version.

How Claude Design Works

Traditionally, if you want to turn a video into a slide deck, you watch the video, write bullet points, and design slides manually. Claude Design skips all of that.

  1. The Input: You paste a full YouTube transcript into the chat box and type a simple prompt: “Build a 15-slide roadmap presentation from this transcript.”
  2. The Scratchpad: Claude doesn’t guess. It generates a hidden “scratchpad” where it plans out the structure slide-by-slide before building anything.
  3. The Output: It generates the entire deck, complete with a presenter view, speaker notes, and interactive elements.

The 5-in-1 Workflow

Because Claude Design is an agentic tool, you can take that one transcript and generate five completely different assets:

  • Slide Decks: Full presentations with speaker notes.
  • Infographics: One-page document summaries.
  • Social Carousels: Automatically resized for Instagram or LinkedIn.
  • Animations: Kinetic text launch videos.
  • Wireframes/Prototypes: Interactive landing pages with forms.

The Secret Sauce: Design Systems

The real power of Claude Design isn’t just making slides; it’s Design Systems.

You can upload your brand colors, fonts, and logo once. Claude turns this into a “rulebook.” Once the rulebook is set, every single thing you generate—slides, documents, or web pages—automatically matches your exact brand style without you having to prompt it.

The Free Alternative: OpenDesign

If you don’t have a Claude Pro subscription, or you don’t want to burn your limits, you can use OpenDesign (found at open-design.ai).

Here is the cheat code: OpenDesign doesn’t have its own AI brain. Instead, it connects to the AI agents you already pay for—like ChatGPT, Claude Code, or Codex.

How to set up the free version:

  1. Download the OpenDesign desktop app.
  2. Go into settings and connect it to an AI agent you already use (like Codex).
  3. The No-Code Trick: OpenDesign requires a GitHub installation. Do not code it yourself. Just copy the GitHub link, paste it into your AI coding agent (like Codex), and type: “Install this for me.” The AI does the rest.
  4. Extract the Design System you made in Claude and import it into OpenDesign.

Now you can run the exact same 5-in-1 workflow—generating decks, infographics, and wireframes—using the AI subscription you already pay for, for zero extra cost.

Conclusion We are moving past the era of designing from scratch. Whether you use the official Claude Design or the free OpenDesign alternative, the workflow is the same: give it text, give it your brand rules, and let the AI build the assets.

Which workflow are you going to test first? Let me know in the comments!

Leave a Comment