How to Use Claude Code as a Designer

TL;DR: Claude Code is an AI coding agent that runs in your terminal. Because it looks like a developer tool, most designers skip it. That is a mistake. It is the fastest way I know to turn a design idea into something real enough to judge, and it is how I shipped three apps to the App Store on my own.

What is Claude Code, in designer terms?

It is an assistant that can read and change the actual files of a real project. Not a chat window you copy code out of. It opens your codebase, edits it, runs it, and tells you what broke.

For a designer the useful way to think about it is this. Figma lets you draw a picture of a product. Claude Code lets you have the product. The gap between those two things is where most design work goes to die, in handoff, in "that is not technically possible", in six weeks of translation.

Do I need to know how to code?

No, and yes.

You do not need to write code. You do need to understand what you are looking at well enough to say "that is wrong" with specifics. The designers who get the most out of this are not the ones who memorized syntax, they are the ones who can describe intent precisely and recognize when the result misses.

Which, if you think about it, is the same skill that made you good at working with engineers. I wrote a longer take on this in should a product designer know how to code.

How do I actually use it day to day?

  • Prototypes that are real. Instead of a clickable Figma flow, I get a running app with real data, real loading states and real failures. Ten minutes of using something beats an hour of looking at it.
  • Design systems as code. Tokens, spacing scales and component variants live in the repo, so the system is the thing that ships instead of a document nobody opens.
  • Auditing live products. I point it at a real site, have it pull the styles and inconsistencies, and get a list of every place the spacing scale was broken. That used to be a full day with a screenshot folder.
  • Shipping my own apps. Glimpse Vision AI, AnimaEcho and Ground Control Chat are all live and were all built this way.
  • The boring half of design. Renaming layers of a codebase, writing the empty states, generating the fifteen icon sizes App Store review wants. It is very good at the work you resent.

What changes when your prototype is the product?

Your taste becomes the bottleneck, and that is a good thing.

When making the thing was expensive, most design conversations were about whether it was worth building. Now that making it is cheap, the only question left is whether it is any good. That exposes people fast. It also rewards the designers who actually have a point of view.

The second change is scope. I now try three real versions instead of arguing about one. Deciding by looking is a completely different sport than deciding by discussing, and it is much less political.

What are the limits?

It does not know what to build. It has no idea who your user is, what your business needs, or which of the fifteen things on your list actually matters. Point it in a bad direction and it will sprint there with total confidence.

It also does not have taste. It will happily produce the safe, average, slightly generic version of any interface, because that is the center of everything it has seen. Getting past that is your job, and it takes exactly the eye you spent years building. I wrote about that in why taste is a designer's most valuable skill in the AI era.

So the honest summary is this. It removes the cost of execution. It does not remove the need for judgment. If anything it makes judgment the whole job.

How do I start this week?

  1. Pick something small and real that annoys you. Not a portfolio. A tool you would actually use.
  2. Install it and describe what you want in plain language, the way you would brief an engineer you trust.
  3. Run it, use it, and give feedback in design language. "The spacing between the card and the header is too tight, use 24" works better than "make it look nicer".
  4. Ship it somewhere a real person can open it. The last ten percent is where all the learning is.

Give it a weekend. Most designers I know who tried it properly did not go back.

FAQ

Can a designer use Claude Code without engineering experience?

Yes. You direct it in plain language and judge the result. You need product judgment and precision about intent, not syntax.

How is it different from using Claude in a chat window?

Chat gives you code to copy. Claude Code works inside your actual project, editing files and running the app, so you end up with a running product instead of a snippet.

Does it replace Figma?

No. Figma is still where you think and explore visually. Claude Code is where the idea becomes real enough to judge and ship.

Will AI replace product designers?

No, but it moves the value from producing screens to deciding what is worth building. More on that in will AI replace product designers.

Carlos Lastres is an Apple Design Award winning product designer and software engineer based in Tokyo, a 3x TEDx speaker and a United Nations speaker. He designs products that turn attention into revenue, and ships his own apps end to end.

Latest Posts