Alex Lieberman demos Claude Design, Anthropic's new design canvas built on Opus 4.7. He feeds it a PostHog screenshot and 10x.co branding to generate a fully-HTML knowledge-base mockup in minutes, then exports it to Canva or Claude Code for further development.
Chapters
If I am Adobe or Figma, I am shaking in my boots right now. Anthropic just released Claude Design, its end-to-end design canvas built on top of Opus 4.7, its latest model. I took it for a spin and the results are pretty insane. Okay, so you go to claude.ai/design. You can do a prototype where you either do a wireframe of an application or a high-fidelity version. You can also do slide decks from other templates or totally other designs. And then you have your recent, your designs, examples, and design systems. I love PostHog's website, the like Web 1.0 retro feel to it. And so I've been wanting to build an internal knowledge base to help train our new employees on AI at 10x, and I wanted to copy this exact style. So I selected a prototype, and then I said to Claude Design, I want to exactly copy this design but adapt it to 10x.co's branding and use of statues. I fed it a screenshot of PostHog's website. I gave it the statue from 10x's website and also had them study our website, and it got to work. I had to probably spend 3 to 5 minutes making tweaks, but here is the 10x internal knowledge base retro design, thanks to PostHog's awesome design. It is all HTML, so this is fully designed to be turned into a web app. And so if I want to actually start building this into a fully functioning application, I can click export, I can send it to Canva, or I can hand it off to Claude Code and have it start building the application. Absolutely insane.
