Claude Code /designの使い方 — CLIでUI案を並べて選ぶ
/designはCLIでUI案を複数ドラフトし、artboardを選んで実装まで進めるバンドルスキルです。使い方と利用条件、/design-syncとの違いを扱います。
カテゴリ
Claude Design(クロードデザイン)の記事一覧
Claude Design(クロードデザイン)は、Anthropicが発表したビジュアル生成プロダクトです。
11件の記事 · 最終更新 2026/09/22
全記事一覧
Claude Designのデザイナー実務での使い方 — 4つの活用場面
Claude Designはプロトタイプ・ワイヤーフレーム・ピッチデック・マーケ資料の4用途で使えます。デザイナーの実務フローを用途別にまとめます。
Claude DesignとFigmaの違い — 書き出し先に無い理由と使い分け
Claude Designの書き出し先9社にFigmaは含まれません。Figma Connectorとの役割の違いと使い分けを解説します。
Claude Designのデータ保持とセキュリティ — アップロードした資産はどう扱われるか
Claude Designにアップロードした資産は永続的に保存され、他のAnthropic Enterprise製品と同じ削除ポリシーに従います。データレジデンシー非対応など導入前の要点をまとめます。
Claude Designの管理者権限をカスタムロールで制御する — 公開・既定・削除を絞る
Claude DesignのPublish権限・組織既定・削除操作は、Enterprise限定のカスタムロールで特定メンバーに絞れます。付与手順とロールアウト設計をまとめます。
Claude Designの使い方 — 会話でデザインを作る基本操作
Claude Designはチャットとキャンバスの2画面で構成され、会話しながらデザインを作りこみます。最初のプロジェクト作成から反復・エクスポートまでの基本操作をまとめます。
Claude Designで自社のデザインシステムを設定する手順
Claude Designはコードやスライドからブランドの配色・タイポグラフィー・コンポーネントを抽出し、組織全体のデザインシステムにします。管理者が行う設定手順と検証のコツをまとめます。
Claude Code design-syncの使い方 — Reactデザインシステムを同期する
/design-syncはリポジトリのReactデザインシステムをClaude Designにアップロードするコマンドです。初回同期の所要時間と、Bedrock等で使えない制約を解説します。
Anthropic 2026年春の3本柱 — Opus 4.7・Cowork GA・Claude Design
2026年4月のOpus 4.7・Cowork GA・Claude Designの3連リリースを並べると、Anthropicが「モデルを作る会社」から「プロダクトを束ねる会社」へ軸足を移したのが見えてきます。3本柱の役割分担をたどります。
Claude for Creative Work発表 — 8ツールMCPコネクター・Claude Design公開
AnthropicがClaude for Creative Workを発表。Adobe・Blender・Abletonなど8ツールとMCPコネクターで連携し、制作ワークフローの中からClaudeを呼び出せます。
Claude Design発表 — Anthropicが2026年春に出した3本目のプロダクト
Anthropicが2026年4月17日にClaude Designを発表。Opus 4.7・Cowork GAに続く春の3本目で、クイックビジュアル生成を狙うプロダクトです。発表時点の報道と、その後判明した提供形態の違いも扱います。
Claude Designは、アイデアやテキストから図解やビジュアル成果物を素早く形にすることを狙いとしています。
このカテゴリでは、Claude Designの発表内容や機能、クリエイティブ作業での使い方など、ビジュアル制作に関わる情報を扱います。
Claude Designはまだ新しいプロダクトで、機能や使いどころが継続的に追加されています。現時点では、テキストやアイデアからビジュアルを素早く起こす用途を中心に、発表内容と実際の作業での使い方を追っています。
Claudeのモデル本体の能力や、他のプロダクトとの位置づけについては、ClaudeやAnthropicのカテゴリも合わせて参照できます。