Gemini_Generated_Image_cg4qstcg4qstcg4q.png

A practical guide to adopting Claude Design alongside Claude Code, Cowork, and your existing marketing stack.

How to use this document

This SOP is designed to be read top to bottom the first time, then used as reference. Section 1 explains what Claude Design is. Section 2 shows how to position it inside your existing marketing workflows. Section 3 is the hands-on walkthrough with prompts you can copy, paste, and adapt.

Time to first usable output: around 15 minutes if your team already has a Claude Pro, Max, Team, or Enterprise subscription. Full team rollout with a custom design system: 1 to 2 weeks.


Table of contents

Section 1 — What Claude Design is (and what it isn't)

1.1 The short version

Claude Design is Anthropic's new visual creation tool, launched in April 2026 as an Anthropic Labs research preview. It lives at claude.ai/design (a separate URL from the main Claude chat) and is powered by Claude Opus 4.7, Anthropic's most capable vision model.

You describe what you want in plain language. Claude asks clarifying questions. It then generates a working visual artifact — a landing page, pitch deck, animated video, email layout, social asset, prototype — on a live canvas. You refine through conversation, inline comments on the canvas, direct edits, or custom sliders that Claude spawns for things like color, density, and typography weight.

Everything is generated as code under the hood. That matters because it means outputs can be exported as PDF, PPTX, standalone HTML, a ZIP folder, sent to Canva for further editing, or handed off as a bundle to Claude Code for engineering implementation.

1.2 The two-panel interface

image.png