Claude Design
Claude でアイデアをデザイン
ビジュアルの説明を入力すると、Claude がブランドに沿った初回バージョンを構築します。使用するツールの調整、共有、引き渡しができます。デザインのすべてを、あなた自身の手で。
あらゆるデザインワークのための最先端のインテリジェンス
仕組み
アイデアを数分でビジュアル化
Claude に必要なものを伝えましょう。 反応できる初期案を生成し、完成形になるまで自在に磨けます。
デザインシステム内で構築してください。
GitHub、デザインファイル、ローカルコードベースからインポートして、Claude が実際のコンポーネントを使用して構築できます。 出力結果は、テンプレートではなく、貴社らしい仕上がりになります。
Claude Design と Claude Code を自在に切り替え
/design-sync を使用して Claude Code からデザインシステムを読み込むか、/design を使用して Claude Code で直接作業できます。
きめ細かな制御
任意の要素にコメントを付けたり、テキストを直接編集したり、Claude が作成する調整スライダーを使用して、間隔と色を調整できます。豊富なレイアウトコントロールを使用すると、要素の直接的なドラッグ、サイズ変更、配置など、ビジュアルや見た目を素早く調整できます。
キャンバスから使うツールまで
PDF や PowerPoint への確実なエクスポートや、普段お使いのアプリへの作業の送信が可能になりました。コネクタのリストには、Adobe、Canva などが新たに追加されています。
共有と完了
リンクを共有
すべてのアーティファクトには、準備が整うまでは、デフォルトで非公開のリンクが付きます。
エクスポート
PowerPoint、PDF、HTML などの一般的なファイル形式でダウンロードできます。
受け渡し
すでに使用しているツールに合わせて、ビジュアルやスライドを送り、そのまま使い続けましょう。
「アドビの使命は、誰もがどこで仕事をしても創造できるようにすることです。Anthropicとのコラボレーションをさらに発展させて、誰でもクロードからコンセプトを始め、Adobe for Creativity Connectorを使ってソーシャル投稿、プレゼンテーション、チラシなどをAdobe Expressで下書きから完成まで進められるようにできることを嬉しく思います。また、マーケティング担当者は、Adobe Experience ManagerとAdobe Journey Optimizerを使えば、クロード・デザインのアイデアをパーソナライズしたブランドに合ったWebサイトやメールキャンペーンに変えて、数回クリックするだけで顧客に届けることができます。」
「Lovableでは、問題に最も近い人が自分で解決する力を持つべきだと考えています。Claude Designとのパートナーシップを通じて、より多くの人々が自分の周りの世界のために解決策をスケッチするのを見るのを楽しみにしています。今では、そうしたアイデアを Lovable 内で本番環境ですぐに使えるアプリケーションとしてシームレスに実現できるようになりました。」
「ReplitとAnthropicは、誰でも、どこでも、自分のアイデアをAIで実現できるはずだという信念を共有しています。私たちの共通の目標は、アイデアが生まれるところならどこからでもビルダーと出会うことです。Claude Design MCPとの統合は、当然の次のステップです。ビルダーはClaude Designでブランドに合ったアプリをデザインし、Replitでビルド、改良、出荷をすべて1つのシームレスな体験で行えるようになりました。」
「ミロは、コラボレーションのために構築された共有キャンバス上で、チームが集まってアイデアをインパクトのある意思決定に変える場所です。Claude Design とつながることで、コンセプトを早い段階でキャンバスに落とし込み、チーム全体で改良して一緒に構築できるようになります。アイディアから調整までの最初の一歩を楽に感じることができたのは、Anthropicとの仕事は素晴らしいことです。」
「Wixは常にデザイナーの故郷でした。Anthropicでそれをさらに一歩進めることができてワクワクしています。Claude Design は Wix Headless とシームレスに接続できるため、デザイナーはクリエイティブなプロセスを離れることなく Wix のバックエンドインフラストラクチャへの直接アクセスが可能になります。デザインコミュニティは、最初のスケッチから、思い描いたとおりに、完全に機能的でスケーラブルな製品まで、UXビジョンを実現できるようになりました。」
「Vercelでは、アイデアから生産までの道のりを短縮することに重点を置いています。だからこそ、私たちはクロード・デザインが好きです。デザイナーやデベロッパーは、最初のコンセプトからブランドに合った洗練されたインターフェースまで持ち込み、それをVercelに直接プッシュして出荷することができます。」
「デッキの作成は今では簡単ですが、自分のデッキを作るのはいつも難しい部分でした。Claude DesignをGammaに接続することでそのギャップが埋まります。Anthropicでこれを構築したので、Claudeでデザインしたものはすべて、さらに進めたい瞬間に、完全に編集可能なGammaに直接移行できます。」
よくある質問
Claude Code や Artifacts タブなど、Claude Design を Claude とのあらゆる会話で活用できるようになりました。Claude Tag は近日登場予定です。キャンバス内での編集など、すべての機能が、この機能に付属しています。
コードベース、または DOCX、PPTX、XLSX ファイルからインポートできます。PPTX、PDF、HTML にエクスポートし、Claude Code に引き渡し、または日常的に使用しているアプリに送信できます。利用可能な送信先の詳細はこちら。
GitHub リポジトリ、デザインファイル、または直接アップロードから、 1 つまたは複数のデザインシステムを取り込みます。Claude はお客様のコンポーネントで構築し、デザインシステムと比較して出力を確認し、表示前に自動で修正を行います。大規模なチームの場合、管理者ロールが標準化されたシステムを承認して編集をロックできるため、作業は常に会社のガイドラインに沿ったものになります。
Claude Design は Adobe、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wix と連携できるため、チームがすでに使用しているツール間でデザイン、プロトタイプ、ファイルを移動できます。
はい。管理者は、承認済みの 1 つのデザインシステムにチームを集中できるため、誰が構築しているかにかかわらず、すべてのデザインがブランドのままです。
デスクトップやターミナルの Claude Code セッションから、Claude にアイデアをデザインに変えるよう依頼するか、/design を使用してデザインプロジェクトの作成、編集、同期を行います。
新しい統合された Claude Design には、一新されたデザインシステム機能が搭載されており、設定 > デザインシステムで管理できます。既存のデザインシステムを導入するには、サイドバー下の [デザイン] タブを開き、バナーにある [チームデザインシステムを移行] をクリックしてください。各デザインシステムは、アーティファクトになります Claude は Claude Code を含むあらゆる会話で活用できます。移行後のシステムは完璧ではないため、各システムにはバナーが表示されます。Claude に整理させるをクリックすると、Claude がガイド、トークン、コンポーネントを整理します。Claude Code を使用してデザインシステムを作成できます。既存の React デザインシステムを使用する組織に最適です。また、Claude Code との会話でも、フォント、色、ブランドガイドラインを含むブランドデザインシステムに最適です。詳細はこちら。
Claude Design は、すべての有料プランに含まれています。 管理者は、組織設定でこの機能を有効にする必要があります。
Claude Design、Claude Slides、Claude Docs で作成されたものを含む、アーティファクトは、Claude でのその他の作業と同じく、プランの使用制限にカウントされます。フルプレゼンテーションやデザインなど、より大規模なリクエストは、一般的なメッセージよりも制限的なものを使用してください。最新情報については、ヘルプセンターをご覧ください。