これまでAIでインターフェースデザインをする際には、常にある不器用な工程が挟まっていた——別のツールで画像を生成し、ファイルをエクスポートし、コードエディタに切り替えて貼り直して書き直す、という流れだ。今回のClaude Codeのアップデートは、まさにこのステップを取り除くものだ。
Anthropicは台湾時間2026年8月18日、Claude Codeに/designコマンドを新たに追加したと発表した。「/design a few options for {機能名}」と入力するだけで、ターミナル内に編集可能な複数組のインターフェースアートボードが一度に生成される。その中から1つを選択すれば、キャンバス上でコンポーネントをクリックしたり、プロパティパネルでスタイルを調整したり、テキストをインライン編集したりできるほか、undo・redoも可能だ。Saveを押すことで初めて新バージョンが公開される仕組みで、アカウントに保存権限がない場合は画面を閲覧するか、PNGやPDFとしてエクスポートすることしかできず、実際に編集操作を行うことはできない。
Anthropicのエンジニア、Nate Parrott氏は8月17日にX（旧Twitter）でこのコマンドのデモを投稿し、Claudeはまず既存のコードベースを読み込み、プロジェクト現在のUIスタイルと照合してから共有可能なモックアップを生成すると説明した。つまり、アートボードを選択した後、Claude Codeは同じセッション内でそのままコードを書き進めることができ、エクスポートして貼り直す手間を追加でかける必要がない。この機能は現時点ではリサーチプレビュー段階にあり、CLIターミナルとデスクトップ版の両方に対応しているが、事前にclaude updateを実行してアップデートしないと表示されない。
独立ワークスペースからガバナンス・プラットフォームへ、そしてターミナルのコマンドラインへ
時計の針を2026年4月17日に戻すと、当時Anthropic Labsが打ち出したのは独立した製品「Claude Design」だった。Claudeと一緒にデザイン案、プロトタイプ、プレゼン資料、ワンページ文案を作成できるビジュアル作業空間という位置づけで、Claude Opus 4.7に駆動され、同じくリサーチプレビュー形式でリリースされた初週だけで利用者数は100万人を突破した。その2カ月後の6月17日、Claude Designは大幅なアップデートを迎え、当初欠けていた機能が補われた——GitHubリポジトリ、デザインファイル、独自アップロード、あるいはローカルのコードベースから既存のデザインシステムをインポートできるようになったのだ。Claudeは画像を生成した後、まず自身の出力をそのデザインシステムと照合して自己修正を行ってから、ユーザーに表示する。Anthropicはこのアップデートについて、Claude Designが「素早くモックアップを作るツール」から「ブランド、デザイン、開発業務のためのガバナンス付き作業空間（governed workspace）」へと進化したと説明している。
まず独立したワークスペースでニーズを検証し、次にガバナンス機構を補ってコストと品質をコントロールし、そして今、最終的な確認・生成の動作がClaude Codeのコマンドラインにそのまま組み込まれた——これが三手先まで進んだ現在の姿だ。
とはいえ、/designの制限事項ははっきりと明記されている。アートボードは手動で保存しないと残らず、Saveを押さなければすべて無駄になる。インターフェース自体もまだ粗削りな部分があり、磨き上げられた安定版とは言えない。生成プロセス自体もトークンを消費するため、もともとコードを書いているセッションに余計なコンテキスト負荷を加えることになる。さらに重要なのは、プロジェクトが既に持っているデザイントークンやコンポーネントを自動的に引き継ぐ保証がなく、多くの場合は手動で指定する必要がある点だ。適用範囲もやや狭く、単一機能のデザインには向いているが、複数画面にまたがるフローについては、Anthropicは現時点でもウェブ版のClaude Designに戻って処理することを推奨している。
