Claude seems to have been on everyone's radar these days, so it was only a matter of time until I created an account. I already have a setup that works with NotebookLM, my local LLM, and a handful of productivity apps. But a bit of experimentation with Claude quickly showed me how capable it is - especially when it comes to design work.

It’s not a replacement for real design and graphics tools but can be an excellent companion to general-purpose work like brainstorming ideas, as well as synthesis, iteration, documentation, and design consistency. Its Artifacts feature is also a massive helper when it comes to visualizing your design ideas through prototypes. Here’s how I’ve been using Claude for design work, and I’m not using the paid version.

Why Claude works for design

It’s highly effective for design-related tasks

Claude isn’t a design tool in the traditional sense, but it’s surprisingly useful for visual work because it has design-specific features that most chat AIs don’t. It’s especially effective in code-adjacent workflows and design system implementation. One way is through Claude Code, which is reserved for paying subscribers, though you don’t need Code for design assistance.

Another way Claude shines in design work is by simply feeding it context. I can interact with the AI the same way I would with ChatGPT or Perplexity and get it to help me brainstorm ideas. It also supports a massive range of file uploads, from html, pdf, and md documents to png and webp images, plus it has high accuracy in image scanning analysis. This means I can get it to scan my design project notes and image files for further input and iteration.

Lastly, Claude has something called Artifacts, which are self-contained interactive outputs that let you view and interact with the AI-generated content in a separate window. This isn’t just for code snippets, but it’s also for creating visual prototypes of UI designs, which makes it especially useful to designers at any point in the creation process. Furthermore, Anthropic lets you connect Claude to other apps, including Figma, though integration is also another paid feature.

Overall, Claude is like having a smart assistant that already knows all of your specs and design systems and can deliver actionable and interactive outputs. And its ability to analyze images for reference is unmatched.

Getting started with Claude for design work

Feeding it my projects

Jumping into Claude for design work requires zero learning curve. I started by creating a Markdown file with all of my design notes and research for each of my projects and uploaded it to the chat. This gives me a reference point for things like checking the consistency, clarity, completeness, and general advice on how to approach the brief I’m working with.

I also export my Figma or Penpot frames as images and add them to Claude for feedback. It’s surprisingly good at simulating real user feedback and observations when it comes to products and UX - at least, better than ChatGPT, which is prone to confirmation bias and overhyping my abilities. Here are some of the prompts I’ve been using:

If you were a new user, what parts of this onboarding flow are confusing?

Point out inconsistencies in naming and microcopy on this screen

If this were a mobile-first design, which elements need adjustment for smaller screens?

Making the most of Artifacts

This is where Claude’s real design power lies

Artifacts is what's been carrying my design work in Claude. They’re basically mini workspaces where you can iterate on single ideas or designs without cluttering the main chat. They let you experiment with variations, adjust things, and refine the outputs in a more controlled and modular way. This is where I spin up visualizations of my UI ideas or projects.

You can give it anything to reference, but the more detailed, the better. I actually use the Figma Specs plugin to automatically extract the specs from my frames, export the documentation as an image, and upload it to Claude. This gives it a more accurate and detailed analysis of my designs. Then I simply prompt it to create a prototype based on those specs, and it gives me quite a precise execution of what the screen would look like. It’s interactive to an extent, depending on how much information I gave it to work with.

Something that surprised me is that, even in the free version, Artifact will use code to generate your prototype, and you can download and inspect it. However, Artifact’s coding doesn’t compare to Claude Code, only available in the paid version, which is an agentic coding assistant capable of running commands and navigating complex codebases.

Artifacts is an excellent way to get a good grasp of what your design would look like, and I can’t see myself going without it for the rest of my design coursework. I also love that it has prompt recommendations, which is a great way for newbie designers to get a feel for the UI process if they don’t quite know what to include in a prompt.

Claude is made for designing

Although Claude can’t design for you, and you shouldn’t try to use it that way, it’s honestly one of the best tools I’ve used to quickly visualize my ideas and actually be able to interact with them. For anyone doing any type of design or graphics work, it’s worth a try.