Claude Design

Q: デザインが含まれるのはどちらのプランですか？

Claude Design は、すべての有料プランに含まれています。 管理者は、組織設定でこの機能を有効にする必要があります。

Claude でアイデアをデザイン

ビジュアルの説明を入力すると、Claude がブランドに沿った初回バージョンを生成します。使用するツールの調整、共有、引き渡しができます。最初から最後まで、デザインのプロセスを自分で進められます。

昨年で収益が最も低かった月を見つけ、それに対処するプロモーションを計画してください。戦略の草案を作成し、Canva でキャンペーンアセットを生成し、HubSpot でリストをセグメント化し、送信を準備してください。送信前に、すべてを私に確認させてください

コネクタ

Canva

次のキャンペーンを実行してビジネスを成長させる

Intuit QuickBooks で数字を掘り下げ、売上を伸ばすためのプロモーションを計画し、Canva でブランドアセットを生成し、HubSpot で次のキャンペーンを準備しましょう。何をいつ行うかは皆さん自身が決定します。

アイデアを数分でビジュアル化

Claude に必要なものを伝えましょう。反応できる初期案を生成し、完成形になるまで自在に磨けます。

‍

GitHub、デザインファイル、ローカルコードベースからインポートして、Claude が実際のコンポーネントを使用して構築できます。出力結果は、テンプレートではなく、貴社らしい仕上がりになります。

Claude Design と Claude Code を自在に切り替え

/design-sync を使用して Claude Code からデザインシステムを読み込むか、/design を使用して Claude Code で直接作業できます。

きめ細かな制御

任意の要素にコメントを付けたり、テキストを直接編集したり、Claude が作成する調整スライダーを使用して、間隔と色を調整できます。豊富なレイアウトコントロールを使用すると、要素の直接的なドラッグ、サイズ変更、配置など、ビジュアルや見た目を素早く調整できます。

キャンバスから使うツールまで

PDF や PowerPoint への確実なエクスポートや、普段お使いのアプリへの作業の送信が可能になりました。コネクタのリストには、Adobe、Canva などが新たに追加されています。

リンクを共有

すべてのアーティファクトには、準備が整うまでは、デフォルトで非公開のリンクが付きます。

エクスポート

PowerPoint、PDF、HTML などの一般的なファイル形式でダウンロードできます。

受け渡し

すでに使用しているツールに合わせて、ビジュアルやスライドを送り、そのまま使い続けましょう。

「Miro は、チームが一堂に会し、コラボレーション向けに構築された共有キャンバスを基に、アイデアをインパクトのある意思決定に変える場所です。 Claude Design との連携は、コンセプトが早い段階でキャンバスに反映され、チーム全体が一緒に改良し、構築する準備が整っていることを意味します。Anthropic と連携してアイデアからアライメントまでの第一歩をスムーズに感じられるようにできたことは、素晴らしい経験でした。」

「Wix は常にデザイナーにとっての拠点でした。Anthropic とともに、それをさらに一歩先へ進めることをとても楽しみにしています。 Claude Design は Wix Headless とシームレスに連携し、デザイナーがクリエイティブなプロセスを離れることなく、Wix のバックエンドインフラストラクチャに直接アクセスできるようにします。デザインコミュニティは、UX のビジョンを最初のスケッチから想像した通りに、完全に機能するスケーラブルな製品に変えることができます」

「Vercel では、アイデアから本番環境への道筋を短縮することに重点を置いています。だからこそ、Claude Design が気に入っています。デザイナーや開発者は、最初のコンセプトから洗練されたブランドに沿ったインターフェースへと仕上げ、そのまま Vercel にプッシュしてリリースできます」

「デッキの作成は今では簡単ですが、自分のデッキを作るのはいつも難しい部分でした。Claude Design をGamma に接続することでそのギャップが埋まります。Anthropic でこれを構築したので、Claude でデザインしたものはすべて、さらに進めたい瞬間に、完全に編集可能な Gamma に直接移行できます。」

「Adobe の使命は、働く場所を問わず、誰もがクリエイティブな力を発揮できるようにすることです。 Anthropic とのコラボレーションをさらに発展させ、誰でも Claude でコンセプトを始め、Adobe for Creativity Connector を活用して、ソーシャル投稿、プレゼンテーション、フライヤーなどを Adobe Express で下書きから完成まで仕上げられるようになることを嬉しく思います。また、Adobe Experience Manager や Adobe Journey Optimizer を使用すると、マーケティング担当者は Claude Design のアイデアを、パーソナライズされたブランドに沿ったウェブサイトやメールキャンペーンに変え、わずか数クリックで顧客に届けることができます。」

「Lovable では、問題に最も近い人々が、自分で解決する力を持つべきだと考えています。 Claude Design との連携で、より多くの方々が身の回りの課題に対するソリューションを描き出していく姿を楽しみにしています。現在では、それらのアイデアを Lovable 内で本番環境向けのアプリケーションとしてシームレスに形にすることができます」

「Replit と Anthropic は、誰でも、どこでも、自分のアイデアをAIで実現できるはずだという信念を共有しています。私たちの共通の目標は、アイデアが生まれるところならどこからでもビルダーと出会うことです。Claude Design MCP との統合は、当然の次のステップです。ビルダーはClaude Design でブランドに合ったアプリをデザインし、Replit でビルド、改良、出荷をすべて1つのシームレスな体験で行えるようになりました。」

「Miro は、チームが一堂に会し、コラボレーション向けに構築された共有キャンバスを基に、アイデアをインパクトのある意思決定に変える場所です。 Claude Design との連携は、コンセプトが早い段階でキャンバスに反映され、チーム全体が一緒に改良し、構築する準備が整っていることを意味します。Anthropic と連携してアイデアからアライメントまでの第一歩をスムーズに感じられるようにできたことは、素晴らしい経験でした。」

「Wix は常にデザイナーにとっての拠点でした。Anthropic とともに、それをさらに一歩先へ進めることをとても楽しみにしています。 Claude Design は Wix Headless とシームレスに連携し、デザイナーがクリエイティブなプロセスを離れることなく、Wix のバックエンドインフラストラクチャに直接アクセスできるようにします。デザインコミュニティは、UX のビジョンを最初のスケッチから想像した通りに、完全に機能するスケーラブルな製品に変えることができます」

「Vercel では、アイデアから本番環境への道筋を短縮することに重点を置いています。だからこそ、Claude Design が気に入っています。デザイナーや開発者は、最初のコンセプトから洗練されたブランドに沿ったインターフェースへと仕上げ、そのまま Vercel にプッシュしてリリースできます」

「デッキの作成は今では簡単ですが、自分のデッキを作るのはいつも難しい部分でした。Claude Design をGamma に接続することでそのギャップが埋まります。Anthropic でこれを構築したので、Claude でデザインしたものはすべて、さらに進めたい瞬間に、完全に編集可能な Gamma に直接移行できます。」

「Adobe の使命は、働く場所を問わず、誰もがクリエイティブな力を発揮できるようにすることです。 Anthropic とのコラボレーションをさらに発展させ、誰でも Claude でコンセプトを始め、Adobe for Creativity Connector を活用して、ソーシャル投稿、プレゼンテーション、フライヤーなどを Adobe Express で下書きから完成まで仕上げられるようになることを嬉しく思います。また、Adobe Experience Manager や Adobe Journey Optimizer を使用すると、マーケティング担当者は Claude Design のアイデアを、パーソナライズされたブランドに沿ったウェブサイトやメールキャンペーンに変え、わずか数クリックで顧客に届けることができます。」

「Lovable では、問題に最も近い人々が、自分で解決する力を持つべきだと考えています。 Claude Design との連携で、より多くの方々が身の回りの課題に対するソリューションを描き出していく姿を楽しみにしています。現在では、それらのアイデアを Lovable 内で本番環境向けのアプリケーションとしてシームレスに形にすることができます」

「Replit と Anthropic は、誰でも、どこでも、自分のアイデアをAIで実現できるはずだという信念を共有しています。私たちの共通の目標は、アイデアが生まれるところならどこからでもビルダーと出会うことです。Claude Design MCP との統合は、当然の次のステップです。ビルダーはClaude Design でブランドに合ったアプリをデザインし、Replit でビルド、改良、出荷をすべて1つのシームレスな体験で行えるようになりました。」

「Miro は、チームが一堂に会し、コラボレーション向けに構築された共有キャンバスを基に、アイデアをインパクトのある意思決定に変える場所です。 Claude Design との連携は、コンセプトが早い段階でキャンバスに反映され、チーム全体が一緒に改良し、構築する準備が整っていることを意味します。Anthropic と連携してアイデアからアライメントまでの第一歩をスムーズに感じられるようにできたことは、素晴らしい経験でした。」

1/7

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 でのその他の作業と同じく、プランの使用制限にカウントされます。フルプレゼンテーションやデザインなど、より大規模なリクエストは、一般的なメッセージよりも制限的なものを使用してください。最新情報については、ヘルプセンターをご覧ください。