本文へスキップ

修正を提案

間違いや足りない点を教えてください。いただいた提案はすべてツールの公式サイトと照らし合わせて確認します。

できれば、公式サイトでそう書かれているページのリンクを添えてください。

返信が必要な場合だけ入力してください。

Claude Design

公式サイトへ

Claudeでブランドに沿ったビジュアルやプレゼン、画面モックアップを作成・調整できます。

2026年11月3日に確認

Claude Designの開発者の方ですか?掲載情報を管理広告掲載
Claude DesignのWebサイトのスクリーンショット

Claude Designとは?

Claude Designは、文章での指示から、キャンペーン素材、1枚ものの資料、プレゼンテーション、画面モックアップなどの編集可能なビジュアルを作成するツールです。Claudeの会話内やArtifactsタブ、Claude Codeで利用できます。作りたいものを説明して初稿を確認し、会話やキャンバス上の直接編集で仕上げていきます。

ブランドに沿った制作では、GitHub、デザインファイル、ローカルのコードベースからデザインシステムを取り込み、既存のコンポーネント、フォント、色、ガイドラインを使えます。要素ごとのコメントやテキスト編集に加え、生成されたスライダーでの余白や色の調整、オブジェクトのドラッグ、サイズ変更、整列も可能です。チーム管理者は、承認済みのデザインシステムだけを使うよう制限できます。

完成した制作物は、初期設定で非公開のリンクから共有でき、PowerPoint、PDF、HTMLへの書き出しや、Adobe、Canva、Gamma、Miro、Replitなどの連携ツールへの引き渡しにも対応しています。Claude DesignはFreeを含むすべてのClaudeプランに含まれ、リクエストはほかのClaudeの利用と共通の利用上限にカウントされます。

Claude Designでできること

  • 文章からのデザイン作成

    文章での指示からビジュアル、1枚ものの資料、スライド、モックアップの初稿を生成し、会話を通じて調整できます。

  • デザインシステムの取り込み

    GitHub、デザインファイル、ローカルのコードベースからブランドガイドラインやコンポーネントを取り込み、生成するデザインに反映できます。

  • キャンバス上での直接編集

    要素へのコメント、テキスト編集、色や余白の調整、オブジェクトのドラッグ、サイズ変更、整列ができます。

  • 書き出しとアプリへの引き渡し

    PowerPoint、PDF、HTMLファイルとして書き出すか、連携するデザイン・開発ツールに制作物を送れます。

  • Claude Codeでの制作

    Claude Codeの/designでデザインプロジェクトを作成・編集し、/design-syncでデザインシステムを取り込めます。

  • チームのブランド管理

    管理者はチームが使うデザインシステムを承認済みのものに固定し、会社のガイドラインに沿った制作を維持できます。

Claude Designが向いている人

デザイナー
既存のブランドシステムを使ってビジュアルのコンセプトや画面モックアップを作成し、キャンバス上で直接調整できます。
マーケティングチーム
ブランドに沿ったキャンペーン素材、プレゼンテーション、1枚ものの資料を作成し、連携する制作ツールでさらに編集できます。
開発者
コードベースのコンポーネントとClaude Codeを活用し、デザインの検討とアプリケーション開発を行き来できます。

Claude Designの料金

公式の料金ページ
  • Free

    無料

  • Pro

    $20/月

  • Max

    $100/月

  • Ultra

    $200/月

  • Team

    公式サイトで確認

  • Enterprise

    $240/年

無料プラン: Claude DesignはFreeプランに含まれ、Claude共通の利用上限が適用されます。

よくある質問

Claude Designは無料で使えますか?

Claude DesignはFreeを含むすべてのClaudeプランに含まれています。デザイン作業はプラン共通の利用上限にカウントされ、大規模なリクエストは通常のメッセージよりも多くの利用枠を消費します。

どのファイルを読み込み・書き出しできますか?

コードベースやDOCX、PPTX、XLSXファイルから取り込めます。書き出し形式はPPTX、PDF、HTMLです。

自社のデザインシステムを使えますか?

はい。GitHub、デザインファイル、直接アップロードしたデータからデザインシステムを取り込めます。管理者は、チームが使うシステムを承認済みのものに限定できます。

Claude Designはどのツールと連携しますか?

Adobe、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wixと連携します。

Claude Codeから使えますか?

はい。デスクトップまたはターミナルのClaude Codeセッションで、Claudeにデザインの作成を依頼するか、/designを使ってデザインプロジェクトを作成・編集・同期できます。

共有したデザインは初期設定で公開されますか?

いいえ。各アーティファクトには共有リンクがありますが、初期設定では非公開です。

Claude Designの代替ツール

代替ツールを比べる
  1. 1CanvaAI搭載のデザインツールで、プレゼン資料や画像、写真、動画を制作できます。
  2. 2Figma共有ワークスペースで、AIとともにUI設計やアプリ・Webサイト制作を進められます。
  3. 3Converge.AIアプリ開発やマーケティング用の画像・デザイン・動画制作を支援するAIエージェントです。
  4. 4LogoAIAIでロゴやブランドキット、ブランド用の画像・動画を作成します。
  5. 5Uizardテキスト、スクリーンショット、スケッチを編集可能なUIデザインやプロトタイプに変換します。

ほかのAIグラフィックデザインツール

もっと見る
  • Stitch

    AIグラフィックデザイン

    テキストやスケッチ、スクリーンショットからUIデザインとフロントエンドコードを生成します。

  • LOGO.com

    AIロゴ作成

    AIでロゴやブランド素材を作成・編集し、統一感のあるWebサイトも作れます。

    無料プランあり
  • Playground

    AIグラフィックデザイン

    AIでロゴ、グッズ用のデザイン、ポスター、SNS画像を作成・編集できます。

    無料プランあり
  • SciDraw AI

    AI画像生成

    科学イラストやデータグラフを生成し、編集可能な形式で書き出せます。

    無料プランあり
  • SciFig

    AIグラフィックデザイン

    AIで科学イラスト、データチャート、フローチャートを作成できます。

    無料プランあり
  • Recraft

    AI画像生成

    再利用できるビジュアルスタイルで、画像・ベクター・モックアップを生成・編集できます。

    無料プランあり