ClaudeClaude Design is Anthropic’s new tool for creating actual visual assets with Claude, not just text. You can use it to make things like mockups, prototypes, slides, one-pagers, and marketing materials, then keep refining them by chatting with Claude, editing directly, or leaving comments. It can also work from prompts, uploaded files, images, or even a codebase, which makes it feel more like a real design workflow than a simple AI generator.
What makes it more interesting is that Anthropic is pushing it as something teams can actually use in practice, not just mess around with. Claude Design can learn a company’s design system from existing files and code, help keep outputs on-brand, and export work into formats people already use, like PDF, PPTX, Canva, and HTML. The broader pitch is pretty clear: faster prototyping, faster iteration, and an easier path from idea to something that looks real and can actually be handed off for implementation.
In this exciting guide, we will show you how to use the new Claude design tool to create an app design prototype and a simple webpage, and how to upload your own design and ask Claude to improve it.
By the end of this tutorial, you'll be able to:
Access the Claude Design tool
Create a prototype
Design a webpage
Set up a design system
Let's get right into it!
