Time to implement: <5 mins
Video tutorial
Key outcomes?
Every good pitch could benefit from a mockup. Most of us walk in with wireframes on a napkin, vague hand-waving, and nothing the client can actually click through.
The people who consistently win the work all do one thing differently. They turn up with something tangible - a working prototype the client can react to, not just a deck describing one.
Until now, that took a designer, a week, and a budget most of us don't have on a pursuit. This recipe does it in 30 minutes, with one tool and one prompt.
Pitch decks like this:
1 Hour
TO IMPLEMENT
Weeks
TIME SAVED
Beginner
DIFFICULTY
Steps
Tutorial: Creating Wireframes and Slide Decks with Claude Design
This tutorial explains how to use the new Claude Design functionality to build interactive prototypes and professional presentations based on the workflow demonstrated in the video.
Learning Objectives
By the end of this tutorial, you will know how to:
Access the Claude Design interface.
Generate and refine wireframe directions.
Create a high-fidelity, clickable prototype.
Generate a professional slide deck from a prompt.
Part 1: Getting Started
1. Access the Tool
Navigate to the feature by entering Claude AI Design in the interface. You will be presented with options to build prototypes, wireframes, or slide decks.
2. Set Your Strategy
Before starting, have a clear idea or brand template ready. To save credits (as the tool is "credit hungry"), it is recommended to start with wireframes rather than high-fidelity designs immediately.
Part 2: Creating Interactive Wireframes
Step 1: Input Your Idea
Click Create and type a description of your concept.
Pro Tip: End your prompt with "Ask me any questions about the idea UX/UI to make a wireframe as effective as possible." This helps create a plan and avoids wasting tokens on the wrong direction.
Step 2: Answer Interactive Questions
Claude will generate a series of questions to define the project. Provide details on:
Primary Platform: (e.g., Mobile app)
Target Audience: (e.g., Parents and young kids)
Data Sources: (e.g., Smart meter live feeds)
Game Mechanics: (e.g., Streaks, collectible characters, or leaderboards)
Visual Tone: (e.g., A "Duolingo" feel)
Step 3: Review Directions
Claude will generate multiple "directions" (e.g., "Household Pets" or "Power Squad"). These often include sticky notes and working notes over the wireframes, similar to a whiteboarding session.
Step 4: Refine and Tweak
Use the toggle bar in the interface to:
Turn annotations on or off.
Adjust accent colors.
Select specific directions for further iteration.
Part 3: Generating Slide Decks
Step 1: Provide the Pitch Context
In a new chat or within the design tool, provide a specific goal (e.g., "Help me create a venture deck to raise 2 million from Sequoia Capital").
Step 2: Fill the Template
Provide or let Claude decide on:
Revenue Model
Target Market (e.g., Launching across the US first)
Slide Count (e.g., 11 slides max)
Visual Direction: (e.g., Bold and punchy)
Step 3: Review and Edit
Review the generated slides for hooks, problem statements, and market sizing. If fonts are hard to see (e.g., white font on light backgrounds), prompt Claude to adjust the visual formatting.
Part 4: Moving to High-Fidelity Prototyping
1. Select a Direction
Pick the wireframe direction that resonates most (e.g., the "Pet" concept) and ask Claude to push it to "Hi-Fi with real interactions."
2. Test the Clickable Flow
Claude will generate a prototype where you can:
Click through workflows (e.g., investigating an energy spike).
View different UI states (e.g., Parent view vs. Kids view).
Interact with gamified elements like "Pocket Money Jars" or league tables.
Best Practices & Tips
Plan Upfront: A "pound of planning" is worth a huge amount of value. Use the interactive Q&A to refine your idea before generating high-fidelity assets.
Monitor Credits: This tool consumes usage allowances quickly. Topping up credits may be necessary for complex, multi-step iterations.
Exporting: You can download your slides as a PDF to use as context for other tasks, such as creating short product teaser videos.
🧑🍳 PAIRS WELL WITH
Recipe No. 2: The Daily Digest. Build your general market intelligence each morning so your Claude brief lands on a foundation you already have. You'll spot the relevant details faster.
Recipe No. 1: The Pre-meeting prep call. Close the loop before the momentum fades. The natural next step after every meeting this recipe prepares you for.
Whenever you're ready, there are 2 ways we can help you:
1. AI and
In our day jobs, we help Energy and Industrial companies, and their investors, use AI to actually create value. Want to chat? Drop us an email.
2. Partnerships
We have a growing audience of 45,000+ Investors, Business Owners and Executives across Energy and Natural Resources and ClimateTech. Apply to feature your business in front of our readers.
📩 Written by Ollie. Feel free to send us deals, announcements, or anything else using the link below or via LinkedIn.
