Claude Codeの「/design」コマンドとは?コードを書く前にUIモックを出す新機能を解説
Anthropicが、Claude Codeでコードを書く前にUIモックアップを生成する「/design」コマンドの早期プレビューを公開しました。ターミナルやデスクトップアプリ上で「/design a few options for {機能名}」と打つと、複数のドラフトがアートボードとして並び、気に入った案を選んで編集し、そのまま実装に進めます。
Anthropicが、Claude Codeでコードを書く前にUIモックアップを生成する「/design」コマンドの早期プレビューを公開しました。ターミナルやデスクトップアプリ上で「/design a few options for {機能名}」と打つと、複数のドラフトがアートボードとして並び、気に入った案を選んで編集し、そのまま実装に進めます。
Figmaは年次イベントConfig 2026でデザインキャンバスをコード・モーション・3D・AIエージェントの統合作業場へ拡張しましたが、AI機能をOpenAI・Anthropic・Googleからの「借り物モデル」で動かす構造が粗利を92%から86%へ押し下げ、Anthropic自身が放ったClaude Designに足元を脅かされる構図が鮮明になっています。
Anthropicはデザインアシスタント「Claude Design」の大型アップデートを開始し、ローカルコードベースからの作業開始、Claude Codeへの直接受け渡し、ターミナルから`/design`コマンドでの操作などを追加しました。プレビュー公開からちょうど2か月での更新です。
Anthropicは水曜、4月の研究プレビュー公開から1週間で100万ユーザーを超えたClaude Designを刷新し、デザインシステム取り込み・Claude Codeとの双方向連携・消費トークン削減・Adobe/Canva/Vercelなど9つのエクスポート先追加を発表しました。