Ep 824: Claude Design: What's New, How to Use it and 5 Best Practices

Claude Design went viral at launch, but has been kinda crickets since. 🦗

So, we're gonna show you why some of the recent updates from Claude Design deserve your attention. 

Claude Design has gone from a cool party trick into a must-have tool in any designer's (or non-designer's) toolbox. 

It allows you to create any type of design with natural language, basic feedback, and straightforward iteration. 

On our weekly AI at Work on Wednesdays series, we show you Claude Design 101, show you what's new, and give our 5 best practices for getting started. 

Claude Design: What's New, How to Use it and 5 Best Practices -- An Everyday AI Chat with Jordan Wilson

Newsletter: Sign up for our free daily newsletter
More on this Episode: Episode Page
Today's Episode on LinkedIn: Thoughts on this? Join the convo on LinkedIn and connect with other AI leaders.

Upcoming Episodes: Check out the upcoming Everyday AI Livestream lineup
Website: YourEverydayAI.com
Email The Show: info@youreverydayai.com
Connect with Jordan on LinkedIn

Topics Covered in This Episode:

1. Claude Design Overview and Workflow
2. Major Claude Design Updates: June & July
3. Claude Design System vs. Image Generators
4. Hands-On Demo: Claude Design User Flow
5. Input Methods: Prompts, Files, GitHub, Figma
6. Key Features: Editable Canvas & Iteration
7. Claude Design vs. Google Stitch & Canva
8. Export, Handoff, and Integration Options
9. Best Practices for Using Claude Design
10. Review of Generated Designs and Editing Tools

Timestamps:

00:00 Introduction to Claude design

03:04 Initial struggles with Claude Design

08:56 Using Claude for design brainstorming

13:20 Watching Claude design live

15:37 Claude design updates and usage tips

19:53 Controlling design in generative AI

23:32 Tips for better Claude prompts

27:20 Exploring design tools in Figma

28:03 Editing with Claude Design tools

32:02 Choosing Live Stream Layout Options

35:15 Using Google Stitch for design

Keywords: 

Claude Design, Claude AI, generative design, Anthropic, editable canvas, AI-powered design system, design system, natural language design, prototyping with AI, internal tool creation, marketing tools with AI, operations workflow automation, user interface redesign, user experience design, interactive decision making, spreadsheet transformation, code integration, Claude Code, GitHub syncing, Figma file upload, brand kit, design assets, visual onboarding, workflow automation, public publishing, export options, artifact generation, HTML export, PNG export, PowerPoint integration, Canva export, Gamma export, animation creation, video creation with AI, design iteration, direct editing, annotation tools, visual revision, collaborative editing, web-based design tools, design system import, audience-focused design, section-based AI design, prompt-based design, code handoff, front-end design AI, design artifact publishing, workflow fixes, design system updates, technical collaboration tools, web design automation, repeatable design process, onboarding questions, visual exploration, AI design best practices, design inspection, revision instructions, artifact sharing

Ready for ROI on GenAI? Go to youreverydayai.com/partner 

Transcript

SPEAKER_00 0:16

The blank page used to be where creative work began. Now, if you use Claude Design, it might begin with a blank prompt box. A marketer can prototype an internal tool without waiting for engineering. An operations team can transform a clunky spreadsheet into an interactive decision-making experience. Or just a sales leader can turn scatter notes into a polished customer presentation. Clawed design is becoming less of a visual novelty and more of a bridge between an idea and a working artifact. And if you haven't used Claude Design or maybe you haven't been keeping up, then today's AI at work on Wednesday is definitely for you. Today we're separating the genuinely useful capabilities in Claude Design from the features that merely look impressive in a demo. So let's get into it. If you're new here, well, here's the big picture. Claude Design is more than image generation, it's a complete design system, an editable canvas, and real handoff from idea to execution. Uh, some big updates also landed that I think have kind of flown under the radar. Uh, in June, Anthropic brought in connected brand, direct editing, and a better connection with Claude Code. And then just in the last couple of hours, uh, Anthropic actually added public publishing, better exports, and practical workflow fixes. And we're gonna show you a little bit of all of those things. So stick with us for the next 25 or so minutes. And here's what you're gonna learn on today's show. You're gonna know what claw design is and what actually changed in June and July. You're gonna see how the workflow runs from design system to editable output. And I'm gonna give you at the end our very five best practices shown live here for getting the best results. All right, let's get into it. Welcome to Everyday AI. My name's Jordan Wilson. And if you're new here, well, we do this every single day, whether I'm in Chicago or traveling like I am today. This is your unedited, unscripted daily live stream podcast and free daily newsletter helping business leaders like you and me keep up with all of the nonstop AI updates. I tell you what matters, what doesn't. You use that information to grow your company and your career. Uh, so if you haven't already, please make sure to go sign up for our free daily newsletter at your everydayai.com. All right, so Claude Design. I think when it first was launched, there was rightfully so a lot of talk and a lot of hype around it. Since then, though, I haven't seen hardly anything. And here's the reality: I think when Claude Design came out, it was I I won't say a novelty because it definitely gave great um outputs and great designs. But where it was when it was first announced and where it is today, that's just two completely separate stories. And it's actually kind of a bad thing that all the updates that Enthropic have made to Claude Design have largely gone unnoticed because there was the kind of initial hype and the big splash of the initial launch of Claude Design, which when it came out, it was so slow, it was so token intensive, and now those things are actually much better. I actually wanted to demo Claw Design when it first came out, but for a live demo, and you know, just so everyone knows, I'm on a $200 max plan. You know, in a lot of my early testing when Claude Design first came out, I couldn't even complete one basic design. Uh I hit my rate limits uh in with a $200 above the plan, and it was way too slow. So luckily, Anthropic has fixed those things, and we'll actually be able to look at a thing or two uh here live. So uh yeah, let's just do it live. So uh for our live stream audience, you'll be able to see this. Let me know if you have my screen. Uh for our podcast audience. Yeah, on Wednesdays, we do uh kind of our AI at work on Wednesdays, which is normally kind of like a hands-on demo. Sometimes they go really well, sometimes they don't. But either way, you can always check out the video version of the podcast on our website at your everydayai.com, or you can just check out the show notes of the podcast and we will directly link you to that page. All right, so let's go ahead and uh give this a try. And yes, if you're wondering, Claude Design did make my normal uh live stream um uh art here. So normally I do that, but today it was Claude uh Design. So, all right, let's make sure I get the correct window here before we get started. Um, and just so you know, you do need to have a paid plan for Claude Design. And it is available now, which is great. Uh, it is available via desktop and uh on the web. Whereas previously it was only available uh via the web. So now I am in my Claude account on the web, and the design is a dedicated tab, usually in the lower left-hand corner of your you kind of UX. So that's what I'm gonna do. I'm gonna go and click on that. And let me quickly walk you through what you have here, um, kind of in the main home screen of Claude Design, because there's a lot of different things you can design. Uh, right, starting with the templates, I think is always a good idea. The templates that Claude suggests are mobile app design, slides, documents, wireframes, animation, UI mockups, resume, 3D object, research, HTML email, uh, color and type pairing, diagram, flyer. Uh, so I wouldn't quite think of this like a Canva or something like that, right? Because it's not really where you're gonna click a template and then you're gonna have like a draggable, you know, whyzy wag what you see is what you get interface. It's not really like that. Think of all the power of Claude um helping you design things and being able to iterate in Nash uh natural language along the process. So um let's go ahead. I have an example here. Uh, but first let me talk about some of the functionality uh regardless of which of these slides or which of these templates you may choose. So you can start with different types of inputs. You can attach a file, uh, you can attach a folder on your computer, uh, you can connect your GitHub account. I have my GitHub accounts connected. So, you know, if you are kind of you know vibe coding different apps for yourself or for your team, uh, you can actually um connect it directly with Claude Code and um GitHub, which makes the process much easier. Um you can also upload a Figma file, which is a little newer. Uh, you can create an entire design system. I'm not going to be doing that, but that's how you can, you know, similar to if you have used Canva before, you kind of have a brand kit that's very similar. Setting up a uh design system is much more robust than a brand kit. So it's more than just about, you know, colors and and typography. It's really just every single element that makes a good design great. So those are different starting points. And then you can, uh, like I said, create a template uh or you can uh work with a code base. Um, but in this case, I'm doing none of these. I'm just gonna start with a prompt. So I'm gonna get this going. I am gonna use uh what am I gonna use? I'm trying to think what we can actually get to in a live demo, uh, already being eight minutes in. I wanted to use, okay, let's use Fable, uh, but we're only gonna go medium. So hopefully it should be a little fast, and hopefully I won't hit my limits. All right. So my prompt here is very simple. I said, I want to reimagine the user interface user experience for each episode page on the everyday AI website. Please give me three different examples, and then I left a link to um yesterday's show. All right. So the great thing here, if you've never used Claude Design, is it should feel pretty familiar to anything Claude. So even though it is in kind of its own dedicated interface, right? You're not using this in the the normal, you know, Claude chat bot. Clawed design is its own section. It should be very familiar if you've used Claude or any just AI tool, if I'm being honest. So, right away we are greeted with questions. And this is actually the big unlock that I think makes Claude Design really worth using. Um, even for me, right? I use um claw design not a ton. I do use it sometimes, but I lean a little bit more heavily into the combination of GPT images too inside codex and also Google Stitch. But one thing that Claude uh Design does better than both of those is exactly what you're seeing now. And this is kind of like the we'll call it the visual onboarding process. So before I get started, Claude comes back and asks me uh about a handful of questions on what it wants me to do. So before it just starts designing anything, based on my prompt and based on what it found on the website, it's going out and doing these things. And it says Claude has some questions. So uh I'm gonna go through these quickly, but it says quick questions before I design three episode page concepts. So it says primary goal of the episode page. What should a visitor do? And the good thing here is I don't have to type to Claude. I don't. I have the option. There's another box where I can type something, but for the most part, looking at my request, it went and looked at the episode page as well. Uh I can look at that by looking at kind of the chain of uh chain of thought to see what it did. It's asking me very, very specific questions based on my prompt and the work that it did, which this right here, sometimes I'll literally just do this part in claw design and use whatever it takes uh and then take it into uh you know, into GPT images too, um, or into Google Stitch. So sometimes for me, it's just worth going through this process because it's like you're working with a professional designer. You go in there with a brief and you're like, This is what I want, and they're gonna look at it and be like, Well, are you sure? Or did you think about all these things? Whereas you know, some of the other systems I think don't do a good job at this, which is where I think claw design really thrives. All right, so let's go answer the questions. This is primary goal of the episode page, and I can collect uh select multiple of them. So I'm gonna say um the main goals are to listen and watch the episode and to explore more episodes. So, yeah, if you didn't know every single episode, all 800 and I don't know what we're on, 830 some episodes that we have. Each one has a dedicated episode page on our website, and you can go watch the video version or listen to the podcast version, and there's a lot of writing, uh written content on there as well. All right, so next it says visual direction. So I can keep the everyday AI branding, which is interesting because it found yellow in navy, which we don't have yellow in navy. Um, so that was a little error, but not a big deal because I could correct that if I needed to. But I'm just gonna say for this one, evolve the brand fresher but recognizable. All right, it said how should audio video be handled? I'm gonna say be um, I actually don't know. It's saying uh a big sticky player up top, floating mini player that allows scroll. Um, I'm just gonna say decide for me because some of these things that'll give you great options and you can select multiple. A lot of times I'll ultimately just say decide for me, or I'll just type a little note. All right, transcript treatment. I'm gonna say collapsible expandable section. What content matters most? Um, so I'm gonna say, oh, this is a good one. I'm gonna say the topics I actually don't know. So I'm gonna say um I'm gonna type in this one. I'm gonna say watching the video or listening to the podcast itself. All right, and then it says design for desktop first, mobile first, both equally, decide for me. I'm gonna click decide for me, and then it said vibe of the three explorations, uh, three safed variations on one direction, one safe, one evolved, one wild, three very different directions or decide for me. Uh, I'm clicking the one safe, one evolved, and one wild. And then in this uh this part here, which I love. I don't think Claude Design did this when it was first released. At this point, it's asking me for brand assets or screenshots. I'm not gonna go through and do that, uh, but that's nice they have that. And then it says anything you hate about the current page or must keeps. And I'm just gonna say uh it feels too busy, all right. All right, I'm gonna click go. So now we have Fable Five on medium setting going through and uh cooking this up. And I do already have some examples of this done, which um I'm gonna hopefully uh over the next you know five or ten minutes, it's gonna build it itself. So the cool thing here, as our live stream or video audience can see, it's gonna build it live. All right, so uh I can already see it's starting on uh design 1A, which it says is the safe version, the cleaned up refresh with a similar struction and current brand tidied up. All right, so the cool thing is as it goes along, I don't have to wait for it to be done. And luckily, it is much faster than it used to be because when they first launched this, it was super popular, it went viral and it was painfully slow for the first couple of weeks. So slow, in fact, that even though I wanted to really use it, I literally couldn't between the limits and just how slow it was, but it's much better and faster now. So, a couple of other things to keep in mind as we kind of watch uh Claude design here live, is there is also an annotate button. So there's a comment button up top. Um, I can click that, I can click on any single element that I want to and have it change it. So, yeah, I don't have to wait for it to finish. I can do that kind of as we go along. Um, so like like I said, keep in mind, even though it is faster, it is still not super fast, right? Especially if you have used a similar product, I'd say the the closest product in terms of features and functionality is probably Google Stitch, which I absolutely love. Google Stitch is much faster. Um, but I think Claw Design, just through that onboarding process, ultimately, if I was to use the exact same prompt um in the three different versions, right? If I were to use it in Claw Design, uh Google Stitch in a combination of just you know codecs using GPT image uh and then codex itself to build everything, I think ultimately, if I were to zero shot this, give a prompt and nothing else, I think claw design is probably gonna do the best. Not because it's the best at designing something, but actually it's just the best at building that bridge and actually asking you some of those important questions. All right. So as Claude keeps going, let's go back to our slides and talk real quick about some of the basics. So Claude Design launched in April, and for the most part, there weren't a lot of at least public updates until this summer. So in June, uh they announced the design systems and direct editing and the Claude Code Sync, which is huge. And uh this uh in July so far, they've announced public artifacts, new export options, uh, and some workflow fixes. So to zoom out again, don't think of Claude Design as an image generator, don't think of it as a Canva replacement either. I think, like I said earlier, the best way to think and to use Claude Design is to use natural language or any inputs that you currently have. So uploading, you know, maybe you have a mock-up that you designed in uh Canva and you want to turn it into uh a wireframe, you want to turn it into a mobile app, or maybe you just have some inspiration that you've collected throughout the internet and you have some screenshots of those things. Um, where I think you get the most, even for non-technical non-designers, where you get the most out of it is just moving from that idea or a starting point of a screenshot or a design to at least an artifact that works, right? Um, so it's I think it's really about breaking it into three systems. I say it's your brief, it's the system itself, and then the artifact. So going through clawed design, going through the goal, the audience, the content, and the layout, then the system, right? That's your brand rules, your assets, and your components that you upload. In this case, in my demo case, I didn't do any of that just for speed. And then last is the artifact, what you actually want it to design. So that can be a prototype, a deck, animation, one pager, etc. Um, and the great thing is just the amount of control that you have throughout the process. So even though it is time consuming, the combination of being able to not just upload assets before you start, but also when Claude comes back and asks you questions, the ability to um iterate and also upload new files there. And then as you go along, there is just a ton of different control. And then actually, when we're done as well, I'll show you some other things that you can do besides annotation. And then the handoff, right? You're not just left with an HTML file, and you're not just left with, you know, something that you export. There's a lot of different options as well. So, you know, you can publish it as an artifact, uh, you can, you know, as a PNG, as an HTML file, as a zip, right? I've as a PowerPoint. The other cool things is you like I said, uh, you can now send it directly into Claude Code, which there's some caveats sometimes. Um, in in my experience, it seems like it just sends in an HTML file. Uh, maybe there's something I'm not doing correctly there. Uh, but the other thing that I really like is you can send a project straight into Canva or you can send it straight into gamma as well. So maybe if you do have a lot of your, you know, images or just other um, you know, maybe you're just more comfortable like me. I usually work in Canva a ton, you know, being able to start something uh and going through that design iteration process with Claude Code and then being able to finish it in Canva uh is a real unlock for me. Um so then, like I said, being able to publish it, export it as HTML, uh MP4, yes, Claude does create videos. Are they uh Claude Design? Are they great? No, they're not. Um, you know, you can actually get much better uh kind of video out of Claude if you're using uh, you know, an MCP for like remotion or something like that. So um that was actually the thing I was most shocked by when Claude Design came out because I don't even think they mentioned that you could do animations and videos, and then I was like, wait, you can do animations and videos, uh, which is really cool. But you know, ultimately, Claude Design just really helps you work faster, uh, you know, and then stay consistent with the built-in brand systems. So let's go ahead and skip forward here um and talk about the best way to get started. Um I didn't do this, but you're always gonna have best, the best, best um results when you do import your own system. All right. And the the great thing is, is you can actually create that in another clawed design file. You can say, I don't have a design system, or you might say, like, what the heck is that? But essentially, that's gonna define to a T, right? Even down to things like rounded corners, spacing, you know, you know, typography, height, all these different things that you really want control over. Because the thing that people need to understand, generative AI ultimately is generative, right? So um that means you could go and run the exact same prompt inside claw design, even if you have a brand kit, and you're gonna get wildly different things each time. So the tighter that design system is, it actually, I won't say it restricts the nature of a generative engine, but it does just give it much stricter, uh essentially prompt adherence requirements that it's not gonna go and create these very different things. So if you do need something that you reproduce, let's say every week, you know, like or like me, right? Like every single day, right? I create slides inside of uh Canva, right? For me, it's easier to do it that way. Yes, I could just hand that off to Claude Design uh or to you know codex with uh GPT image and create PDFs. It's still for me, that's a way I learn, right? I I like to put things on the page and you know, rearrange slides, rearrange bullet points that helps me present a little bit better. As an example, maybe my presentation today isn't as good because I handed that off to Claude Design. All right, let's go ahead and skip and talk a little bit here that it's much different than Canva or Figma. All right, so I already talked about some of the differences, but kind of the strengths with Claude Design and how it's different from a typical non you know chat interface design tool is it's conversation first, right? And then being able to ground your design in the design system that you upgrade. And then the huge unlock, right, is then being able to send this straight into Claude Code itself. So in the same way, again, I think probably the single closest competitor to Claude Design is Google Stitch. So, in the same way, you can do a similar thing in Google Stitch. Uh, it uses nano banana. So that's a big unlock with um you know Google Stitch versus Claude Design. A big downside of Claude Design is it's not an image generator, right? Claude itself does not generate images, it can, you know, kind of create you know some nice typography and it can give you good designs, but ultimately the best design. And obviously has images, right? So you're not going to see that um in uh Claude Design, where you obviously can get that a little bit more easier in Google Stitch or you know in Canva and Figma. You do get more of that, you know. Here's all my brand assets. I can easily drag them in, move them around. That's not really what Claude Design is set up for now. Although I do assume that Anthropic may kind of add some of those more. What you see is what you get features in the future as they continue to add and actually pick up steam in um updating Claude Design. But yeah, this is just very strong for exploration and repeatable first drafts. Whereas, you know, Canva Figma, this is more just for manual creation and collaboration, uh, you know, deeply uh deeper publishing or product design workflows, and it's just stronger. Uh, I think Canva or Figma are stronger when precision in multiplayer editing is needed. All right, so let's just go ahead and get straight into our five best practices, and then we're gonna wrap and look at our final design. And I'm gonna show you some of the things that you can do once you have finished your design. So, five best practices for working with Claude Design. Number one, start with the audience and the outcome. Tell Claude who it's for and what they should do next, right? So whether you do that just typing, uh, whether you give it an example of your current audience, whatever it is, always giving Claude the example of your audience and the outcome is going to help uh Claude Design come back with those better questions. Those questions that it asks you, right? Sometimes they're just very design specific. And that was probably more of the example that I gave here because I didn't go through um and do give the audience in the outcome because I wanted to give a very beginner-friendly, you know, not having to be a novice uh, you know, at Claw Design to get uh some of the outputs, but it's always best to start with the audience and outcome. Number two, provide real source material. So, my example, I give a URL, but it's always gonna be better if you upload. If you currently have a brand guideline, upload that. If you have images, upload those things, uh data, right? If you're creating an app, uh what like whatever it is, you should always be providing real source material first, as much information as you can give Claude Design up front. It's gonna save you a lot of time going back and forth. Next, build one section at a time. Approve the structure first, then you can refine the visuals and the wording. So, yeah, let's just say that you're you want to design an entire um an entire um workflow for a new app, right? Work on one section at a time. Don't just give a broad prompt to Claude and say, Hey, I want an entire app. Break it down into pieces. In the same way that you, you know, used to think of, you know, think step by step used to be one of those, you know, keywords for you know the prompt engineering days of 2023. Uh, I think thinking like that and using Claude Design like that is going to give you better results. Number four, give specific revision instructions, say exactly what to keep, remove, emphasize, or visually change. And I think it does make it easier in claw design doing that with the kind of comment or annotate feature. And then last but not least, number five, export and inspect everything. All right, especially if you are ultimately pushing this out as code, uh, right? If you miss, you know, something simple, like in an example that I did, I used Claude Code or sorry, Claude Design for a project that I was building in Codex. Uh, this was before the GPT-5.6 update, where I think uh, you know, OpenAI got much better at front end design. But before that, you know, I was using Claude uh design a lot to uh you know start before I gave a project to Codex to build. And you know, one thing I noticed is you know, I went through and I'm like, okay, yeah, this this looks good from Claude. Let me go ahead and export this over to Codex and start building. And then I realized, you know, going back and looking at things like typography spacing, uh, you know, looking at, you know, making sure all corners were consistently rounded across different elements. You know, there are some certain details that I should have either better prompted in Claude design, or before I kicked that over to Codex, I should have been a little bit more um had had my inspector eye on versus just a vibe, right? The vibe was this looks great, and you know, codex did a great job with it. But if I would have inspected it, I could have saw that there was some minor flaws. All right, so let's go ahead, let's see how we did in our five designs. All right, I did give it a good, what, about 15 or so minutes. So hopefully, hopefully it's done, but we'll see. All right, so I am now um back in Claw Design. I'm gonna zoom out for our live stream audience here, and I do uh let me scroll down. It did say it's done. So see exactly how long, I don't know how long it worked. Um, but the good thing is is we have three different designs. So as I zoom out here, we can kind of see them. Uh the the canvas, if if if you've ever used something like Figma, um, it is very um easy to use because you can edit the design directly, right? So in this first example, it gave me a headline. If I want to change the headline, you know, you do have some elements of kind of like a what you see is what you get editor, because you can click on anything and you can, you know, edit it just as you're typing, um, right. But it's not a true, you know, being able to move things around. Um, you can, but it's ultimately going to break your design, right? Like I can, you know, resize this embed, but it's not the full embed, right? A lot of times it's easier to make these edits either just chatting to Claude. So there is an edit mode. All right. So if you're in edit mode, that's where you kind of have that granular control and you can click on anything and change it live, or you can just stay in kind of chat mode and you can describe the changes that you want Claude Design to create and it'll do that. Or uh you can go up and go into comment mode. So in there, I can, you know, essentially click on any single element and just then leave a comment and send to Claude. So essentially, there's like three and a half different ways that you can iterate on the design. Some are better than others. Um, and it it does ultimately depend on what you're trying to do with this, right? Is this just a deck, right? If it's if it's a deck, maybe it's just best you change it here. Um, is it something that you're coding in Claude Code? If so, maybe you use the comment or the annotation, or you just chat to Claude Code, especially if you're not a strong coder, you could look at some of the the more technical uh iterations and you might look at it and be like, wait, I don't even understand, right? Even some of the design stuff. Yeah, I mean it's super helpful, right? So let me get out of comment mode here. Uh, I'm gonna go into edit mode and I'm gonna click on this main element. So, in the first um iteration that it gave me, uh, this is kind of 1A, the safe one. I can click on any element. And if you know the basics of like web design, um, it's gonna give you all of these options as well. So I, you know, all your divs, uh, you know, your H1 tags, all these different things in the same way. If you are familiar with web design, it's gonna give you those things. So I can go and kind of use some of these tools manually that, you know, in a web design interface, right? If you've used like WordPress or Squarespace or Wix or something like that, you do also have kind of that option to edit as well. All right, so those are some of the more uh technical aspects, but let's just go ahead and kind of zoom out and ultimately see how did Claude Design do? All right, so this first um, the first episode page was the safe one. Uh, it said it's familiar structure, the current brand tidied. Like I said, this didn't really nail my current brand because it didn't properly bring in the colors. It said that it was yellow. That was not correct. But in terms of how this laid it out, I actually really like it. You know, it has the video front and center, uh, it has chapter markers on the right hand side, it has like an up next section on the on uh right under the chapters, key takeaways, quick buttons to listen on Spotify, Apple, and Amazon. So, overall, I mean, this is much better than our current website design, right? I'll I'll show everyone that for our live stream audience, right? I mean, we built this originally like four years ago, so you know, our current website design, it's super busy, right? It's this dark mode with white font. You know, personally, I think when we launched it, I was like, this is good enough. Um, you know, I didn't really care as much. Now looking back at it, I'm like, this is super busy. So, I mean, just in that example, and I remember our team spent a lot of time when we initially put this together. Part of it is, you know, design trends change, uh, and even web design capabilities change. You know, changing certain things on here used to take a long time. I could export this as HTML and get it up on the site, you know, pretty quickly. I'm not actually gonna do that, um, but it's possible. All right, let's look at option B. Option B is evolved. This is uh, it says the editorial daily briefing feel, uh, a serif recap, uh, synced chair uh chapter player. Uh so a little bit different, but it essentially made the video uh a little bit smaller. It does have definitely more of an editorial feel. Live stream audience as I go along, which one do you like? Do you like one A so far? Do you like one B? So far, I like this one B version a little bit better. It makes the video a little smaller. I don't think the video would need to be super huge, right? The the value of this podcast, I don't think, is necessarily the uh what I'm showing on video. Aside from Wednesday episodes, which obviously the video is important, but otherwise, you know, it's just kind of my my notes on the screen. Uh, so option B looks pretty good, uh, you know, similar, similar overall style, but let's go to option one C, which is wild. So here it says dark broadcast console, full blade player. There's a ticker and a live feel. Uh, so I don't hate this one, right? It has a ticker at the top. Yeah, this to me looks like you're, you know, I don't know if you're watching, you know, ESPN Live or something like this. This looks like a live broadcast, you know, 100% of the focus is on this full bleed episode video. Um, you know, lex less of an uh of an emphasis on the actual written content, uh, summaries, uh, chapter takeaways, those kind of things. This is like if you're just gonna want to digest as much video as possible. All right. So that's the process. Like I said, um, everything else up here, being able to leave the comments. So let's just say um, you know, I can click this bar and I can say, you know, make the bar uh you know neon blue so it stands out more, right? All I have to do, click that, send a send a clawed code. Um, and then you can see down here it's already working on that. So without having to redo the whole design, that's just a very quick way to iterate. And it's already done, right? So bless up that you know, claw design is actually faster now and you can't just iterate on small things because yeah, when it first came out, doing some simple uh iterations like that used to be a lot more time consuming, but now it's it's done, right? And I, you know, can go through and change things just like that. Um, there is a tweaks section, which is very similar. Um, I don't even fully you know understand this tweaks section up here, but you can just click the ideas and it's just gonna give you different ideas based on what it created, anyways. All right, then last, there are some presentation options you can present in uh Claude Design as well. Uh, we already went through the editing and then the sharing. So uh I can publish this as an artifact, um, a PNG, an HTML or a zip file. I can send it to Claude Code, uh PowerPoint, uh Canva, Gamma, video, or PDF. And then I can also share this link with my team. All right, so that is a wrap, y'all. A lot to cover, but overall, I think the thing to uh keep in mind, even though clawed claw design, right, the big downside is there's no image generation, right? And I think most great designs obviously have images, which at least for me and my purposes is maybe one reason I don't use it a lot. So, yes, you can obviously upload images, but at least when my mind is thinking, you know, I'm going to vibe a design, I don't necessarily always want to uh you know create my own assets or bring in my own assets or uh you know, for me, I love using Google Stitch for this. Um, a big unlock that people don't realize is you know, inside codecs using uh GPT image, and just you know, I have a skill that can create an entire deck, including images on the inside. But I think where claw design really thrives is getting it from idea to actually a working artifact on screen, and it does a really good job. And obviously, the more time and care you put in, the better the results are gonna be. So that's a wrap for today's AI Working Wednesday. Now you know the basics of Claude Design. If you want to see more on Claude Design in the future, let me know. And also, what was your favorite design? I think I kind of liked 1B, although that wild version was kind of fun to look at. All right, so thank you for tuning in. If you haven't already, please go to your everydayai.com. Thanks for tuning in. We'll see you back tomorrow and everyday for more everyday AI. Thanks, y'all.