DocsDigest
Back to listLanguage: JA
ClaudeAnthropic NewsApr 17, 2026, 12:00 AM

Introducing Claude Design by Anthropic Labs

A condensed section focused on the key takeaways first.

Original Post
OpenAIClaude

Quick Digest

Summary

A condensed section focused on the key takeaways first.

claudeenmodel: claude-haiku-4-5

Claude Design: AI-Powered Visual Collaboration Tool Launches in Research Preview

design-toolsai-collaborationprototypingclaude-apidesign-systemsvisual-creationenterprise

Key Points

  • Claude Design powered by Claude Opus 4.7 for AI-assisted visual creation
  • Automatic design system generation from codebase and design files
  • Seamless handoff integration with Claude Code for production builds

Summary

Anthropic Labs has launched Claude Design, a new product that enables collaborative visual creation with Claude Opus 4.7. Available in research preview for Claude Pro, Max, Team, and Enterprise subscribers, Claude Design streamlines the creation of designs, prototypes, slides, and marketing collateral through conversational refinement.

Key Points

  • Natural creative workflow: Describe your design needs and Claude builds an initial version, then refine through inline comments, direct edits, or custom adjustment sliders
  • Automatic brand consistency: Claude reads your codebase and design files to build a design system, automatically applying your colors, typography, and components to every project
  • Flexible input and output: Import from text prompts, images, documents (DOCX, PPTX, XLSX), or website elements; export to Canva, PDF, PPTX, HTML, or internal URLs
  • Seamless handoff to code: Package designs into handoff bundles for Claude Code with a single instruction for production implementation
  • Team collaboration: Organization-scoped sharing with view-only or edit access, enabling group conversations and real-time design refinement
  • Use cases: Interactive prototypes, product wireframes, design explorations, pitch decks, marketing collateral, and code-powered prototypes with voice, video, and 3D
  • Availability: Included with existing subscription plans; Enterprise organizations can enable via Organization settings

Full Translation

Translations

A translation section that keeps the flow of the original article.

claudejamodel: claude-haiku-4-5

Anthropic Labsによる Claude Design の発表

製品アナウンスメント

公開日: 2026年4月17日

本日、Anthropic Labsの新製品である Claude Design をローンチします。Claude Design は、デザイン、プロトタイプ、スライド、ワンページャーなど、洗練されたビジュアルワークを作成する際に Claude と協力できるツールです。Claude Design は最も高性能なビジョンモデルである Claude Opus 4.7 を搭載しており、Claude Pro、Max、Team、Enterprise のサブスクライバー向けにリサーチプレビューとして利用可能です。本日を通じてユーザーへの段階的なロールアウトを行っています。

Claude でデザインする

経験豊富なデザイナーでも、探索の時間を制限する必要があります。通常、十数個の方向性をプロトタイプ化する時間はないため、いくつかに限定してしまいます。また、デザインの背景がない創業者、プロダクトマネージャー、マーケターにとって、アイデアを作成・共有することは困難です。

Claude Design は、デザイナーに広く探索する余地を与え、他のすべての人にビジュアルワークを制作する方法を提供します。必要なものを説明すると、Claude が最初のバージョンを作成します。そこから、会話、インラインコメント、直接編集、またはカスタムスライダー（Claude が作成）を通じて改善し、完成させます。アクセス権が付与されると、Claude はすべてのプロジェクトにチームのデザインシステムを自動的に適用できるため、出力は会社の他のデザインと一貫性を保ちます。

チームが Claude Design を使用している用途

  • リアルなプロトタイプ: デザイナーは静的なモックアップをコードレビューや PR なしで簡単に共有できるインタラクティブプロトタイプに変換し、フィードバックを収集してユーザーテストを実施できます。
  • プロダクトワイヤーフレームとモックアップ: プロダクトマネージャーは機能フローをスケッチして Claude Code に引き渡すか、デザイナーと共有してさらに改善できます。
  • デザイン探索: デザイナーは様々な方向性を素早く作成して探索できます。
  • ピッチデッキとプレゼンテーション: 創業者とアカウントエグゼクティブは、ラフなアウトラインから数分で完全なブランド統一デッキを作成し、PPTX としてエクスポートするか Canva に送信できます。
  • マーケティング資料: マーケターはランディングページ、ソーシャルメディアアセット、キャンペーンビジュアルを作成し、デザイナーを巻き込んで磨き上げることができます。
  • フロンティアデザイン: 誰でも音声、ビデオ、シェーダー、3D、組み込み AI を備えたコード駆動型プロトタイプを構築できます。

仕組み

Claude Design は自然な創造的フローに従います。

ブランドが組み込まれている

オンボーディング中に、Claude はコードベースとデザインファイルを読み込んでチームのデザインシステムを構築します。その後のすべてのプロジェクトは、色、タイポグラフィ、コンポーネントを自動的に使用します。システムは時間をかけて改善でき、チームは複数のシステムを維持できます。

どこからでもインポート

テキストプロンプトから開始するか、画像とドキュメント（DOCX、PPTX、XLSX）をアップロードするか、Claude にコードベースを指定します。Web キャプチャツールを使用して、ウェブサイトから要素を直接取得し、プロトタイプが実際の製品のように見えるようにすることもできます。

細かい制御で改善

特定の要素にインラインでコメントしたり、テキストを直接編集したり、調整ノブを使用してスペーシング、色、レイアウトをリアルタイムで調整したりできます。その後、Claude に変更をデザイン全体に適用するよう依頼します。

協力する

デザインは組織スコープの共有を持ちます。ドキュメントをプライベートに保つか、組織内のリンクを持つ誰もが表示できるように共有するか、同僚がデザインを変更し、グループ会話で Claude とチャットできるように編集アクセスを付与できます。

どこへでもエクスポート

デザインを組織内の内部 URL として共有するか、フォルダとして保存するか、Canva、PDF、PPTX、またはスタンドアロン HTML ファイルにエクスポートします。

Claude Code に引き渡す

デザインの構築準備ができたら、Claude はすべてを引き渡しバンドルにパッケージ化し、単一の指示で Claude Code に渡すことができます。

今後数週間で、Claude Design との統合を構築しやすくするため、チームが既に使用しているより多くのツールに接続できるようにします。

パートナーからのコメント

過去数年間 Anthropic との協力を楽しんでおり、複雑なことをシンプルにすることに深くフォーカスしています。Canva では、世界中の人々がデザインできるようにすることが常にミッションであり、それはアイデアが始まる場所に Canva をもたらすことを意味します。Claude Design から Canva へアイデアとドラフトをシームレスに持ち込めるようにすることで、Claude との協力を構築することに興奮しています。そこでは、すぐに完全に編集可能で協力的なデザインになり、改善、共有、公開の準備ができます。

Melanie Perkins
Co-Founder and CEO、Canva

Brilliant の複雑なインタラクティビティとアニメーションは、歴史的にプロトタイプ化が困難でしたが、Claude Design が静的デザインをインタラクティブプロトタイプに変換する能力は、私たちにとって大きな変化をもたらしました。他のツールで 20 以上のプロンプトが必要だった最も複雑なページは、Claude Design では 2 つのプロンプトのみで済みました。Claude Code の引き渡しにデザイン意図を含めることで、プロトタイプから本番環境への移行がシームレスになりました。

Olivia Xu
Senior Product Designer、Brilliant

Claude Design は、会話中のライブデザインを可能にし、チームのプロトタイピングを劇的に高速化しました。ラフなアイデアから、誰もが部屋を出る前に動作するプロトタイプまで進むことができ、出力はブランドとデザインガイドラインに忠実です。以前は、ブリーフ、モックアップ、レビューラウンド間で 1 週間のやり取りが必要だったものが、現在は単一の会話で実現します。

Aneesh Kethini
Product Manager、Datadog

始める

Claude Design は Claude Pro、Max、Team、Enterprise のサブスクライバーが利用できます。アクセスはプランに含まれており、サブスクリプション制限を使用します。追加使用を有効にすることで、これらの制限を超えて続行するオプションがあります。

Enterprise 組織の場合、Claude Design はデフォルトでオフになっています。管理者は Organization settings で有効にできます。

claude.ai/design でデザインを開始してください。