Designing with Claude
Get flyers, pages and social posts that look like you, not like a template.
Ask the questionCan AI design flyers and posts that actually look like my business? Yes, once it knows your brand rules.
Claude can design: web pages, flyers, price lists, social posts, email layouts, even simple tools. In claude.ai it can build these as artifacts, which show up as a live preview right next to the chat. The results range from "wow" to "generic beige template", and the difference is almost entirely in how you ask.
Transcript
1. Open claude.ai and start a new chat. 2. Attach your logo and one or two photos of your real work. 3. Attach a screenshot of a design you like, and say in one sentence what you like about it. 4. Paste the design brief prompt from this guide and fill in the details. 5. Claude will build the design as an artifact on the right. Look at it as a whole before reading the words. 6. Ask for no more than three changes, for example "make the headline bigger, use our blue, move the phone number to the top". 7. Check the result, then ask for the next round of changes. 8. When you like it, ask Claude to show it at phone width, and check every word can be read. 9. Ask: "Write down the brand rules you used: colours with codes, fonts, and style." Copy that note somewhere safe for next time. 10. Download or copy the finished design, and read every word once more for typos and wrong details before it goes anywhere.
Prefer to read? It's all below, step by step. Jump to the prompt
Start with a brief, not a wish
"Make me a flyer" gets you a generic flyer. A good brief says who it's for, what it needs them to do, what must be on it, and what it should feel like. Five minutes on the brief saves an hour of back and forth.
Give it references
Upload your logo, a photo of your shopfront or your work, and a screenshot of a design you like, even from a different industry. Tell Claude what you like about it: the spacing, the colours, the big bold headline. Words like "clean" and "modern" mean nothing on their own. A picture means a lot.
Change one thing at a time
When the first version comes back, resist the urge to list twelve changes. Ask for two or three at most, check them, then carry on. Big lists of changes tend to break things that were already right.
Judge it on a phone
Most people will see your design on a phone. Look at it on yours before you decide it's finished. Can you read every word? Is the main button easy to tap? Does the most important thing show without scrolling?
Keep your brand consistent
Once you have a look you like, ask Claude to write down your brand rules: colours with their codes, fonts, how you write headlines, what you never do. Save that note and paste it in at the start of every design chat. That's how everything ends up looking like it came from the same business.
Watch it test, don't just take its word
Here's the honest part, no offence to Claude: sometimes it will tell you something is done and checked when it isn't. It's not lying. It checked something, just not the thing that mattered. The fix is simple. With the Claude in Chrome extension, Claude can open your real Chrome browser, click through your page and fill in your form, while you sit and watch it happen. Two sets of eyes on the same screen catch what a report never will.
Prompt
A design brief Claude can work with
Please design a [flyer / web page / social post / price list] for my business. Business: [name], a [type of business] in [city] Who it's for: [the customer you want to reach] What I want them to do: [call, book online, visit the shop, scan the QR code] Must include: [headline idea, key points, phone, website, prices, offer end date] Feel: [e.g. friendly and local, premium and calm, bold and practical] Brand: [colours with codes if you know them, fonts, or "use the attached logo"] References: I've attached [what], I like [what you like about it] Keep it simple, with one clear main message and plenty of space. It must be easy to read on a phone. Show me one version first, then I'll ask for changes.
Can it be done? Your own free QR code generator
Here's a small one that saves real money. Most "free" QR code websites make a code that points at their server first, then on to yours. Stop paying, or let the trial run out, and every flyer, sign and business card with that code on it stops working. Others cover the page in ads or ask for an account.
You don't need any of them. Ask Claude to build you a QR code generator and it makes one in a minute or two, right there in the chat. It makes a plain, permanent code that points straight at your link, with nothing in between, so it works for as long as your link does. No account, no subscription, no ads.
Prompt
Build me a free QR code generator
Build me a simple QR code generator as an interactive artifact I can use straight away. - A box where I paste any link or text. - The QR code updates as I type. - Options for size, dark and light colours, and an optional logo in the middle. - Download buttons for PNG (for screens and Word documents) and SVG (for printing at any size). - Make it a plain static code that points straight at my link, with no redirect service and no tracking. - Keep the colours high-contrast so phones can read it, and warn me if I pick colours that are too similar. - Use my brand colours as the default: [your colours, e.g. navy #1B2A4A and white]
Open it any time from your chats, or ask Claude to publish it so you can bookmark it.
- Paste the prompt into a new chat and fill in your brand colours.
- Type your link, for example your Google review link or your booking page.
- Scan it with two different phones before you print anything. Check it opens the right page.
- Download the SVG for print (it stays sharp on a sign or a van) and the PNG for screens.
Transcript
1. Open claude.ai and start a new chat. 2. Paste the QR code prompt from this guide and fill in your brand colours. 3. Claude builds the generator in the panel beside the chat. 4. Paste your link, for example your Google review link. 5. Try a colour and a logo, and watch the code update. 6. Download the SVG for printing and the PNG for screens. 7. Scan the downloaded code with your phone and check it opens the right page.



