DocsDigest
Back to listLanguage: JA
OpenAIAnthropic 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.

openaienmodel: gpt-5-mini-2025-08-07

Introducing Claude Design by Anthropic Labs

claude-designvision-modeldesign-systemprototypehandoffexportintegrations

Key Points

  • Claude Design research preview
  • Powered by Claude Opus 4.7
  • Exports: PPTX, Canva, HTML

Summary

Claude Design is a new visual design and prototyping product from Anthropic Labs (research preview launched Apr 17, 2026). It’s powered by the vision model Claude Opus 4.7 and available to Claude Pro, Max, Team, and Enterprise subscribers (rolling rollout; Enterprise off by default). Claude builds a team design system from your codebase and design files, generates interactive prototypes from text, uploads, or live web captures, and lets teams iterate via comments, direct edits, and adjustable controls.

Key Points

  • Availability: research preview for Pro, Max, Team, Enterprise; admins can enable for Enterprise orgs. Access at claude.ai/design.
  • Model: uses Claude Opus 4.7 (vision-capable) to generate polished visual output and interactive prototypes.
  • Onboarding: automatically builds a team design system by reading code and design files; supports maintaining multiple design systems.
  • Inputs: text prompts, images, DOCX/PPTX/XLSX, codebases, and web capture of live pages.
  • Editing & iteration: inline comments, direct text edits, and custom adjustment sliders (spacing, color, layout); apply changes across projects.
  • Collaboration & sharing: organization-scoped sharing, view/edit link controls, group chat with Claude inside designs.
  • Export & handoff: export to PPTX, Canva, PDF, standalone HTML, or pass a handoff bundle to Claude Code for implementation.
  • Integrations: planned improvements to connect Claude Design to more tools and workflows.

How engineers can use it

  • Rapid prototyping: convert static mockups into interactive prototypes for user testing without writing front-end code.
  • Handoff: generate a Claude Code handoff bundle to move designs into implementation with preserved design intent.
  • Automation: onboarding-extracted design system ensures consistent tokens/components across generated artifacts.

Practical notes

  • Works within subscription usage limits; option to enable extra usage. Enterprises must opt in via Organization settings.
  • Recommended for product teams, designers, and engineers who want faster prototype-to-code iterations.

Full Translation

Translations

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

openaijamodel: gpt-5-mini-2025-08-07

Anthropic LabsによるClaude Designの紹介

Anthropic Labsによる Claude Design の紹介

発表日: 2026-04-17

本日、Anthropic Labsは新製品「Claude Design」を発表します。Claude Designは、デザイン、プロトタイプ、スライド、ワンページ資料などの視覚成果物をClaudeと協働して作成できるツールです。Claude Designは当社の最も高性能なビジョンモデル Claude Opus 4.7 により駆動され、research previewとして Claude Pro、Max、Team、Enterprise の加入者向けに提供されます。利用対象者には本日中に段階的に公開されます。

Claudeでデザインする

経験豊富なデザイナーでさえ探索の幅を制限せざるを得ません。プロトタイプを十数案試す時間はほとんどないため、いくつかの方向に絞ってしまいがちです。デザイン経験のない創業者、プロダクトマネージャー、マーケターにとっては、アイデアを形にして共有するだけでも敷居が高いことがあります。

Claude Designは、デザイナーに広い探索の余地を与え、その他の人にも視覚的な成果物を生み出す手段を提供します。必要な要件を伝えるとClaudeが第一案を作成します。そこから会話、インラインコメント、直接編集、あるいはClaudeが作成するカスタムスライダーで調整して完成させます。アクセスが与えられていれば、Claudeはチームのデザインシステムを各プロジェクトに自動適用し、出力物を会社の他のデザインと整合させます。

チームがClaude Designで行っていること

  • リアルなプロトタイプ: 静的モックアップを簡単に共有できるインタラクティブなプロトタイプに変換してフィードバック収集やユーザーテストを実施。コードレビューやPRを必要としません。
  • プロダクトのワイヤーフレームとモックアップ: プロダクトマネージャーはフローをスケッチしてClaude Codeへ実装用に引き渡すか、デザイナーに渡してさらに磨き上げることができます。
  • デザイン探索: デザイナーは短時間で幅広い方向性を素早く作成できます。
  • ピッチデッキとプレゼン資料: 創業者や営業担当はラフなアウトラインから数分でブランドに沿った完全なデッキを作成し、PPTXでエクスポートしたりCanvaへ送ることができます。
  • マーケティング資材: ランディングページ、SNS素材、キャンペーンビジュアルを作成し、デザイナーを巻き込んで仕上げることができます。
  • フロンティアデザイン: 音声、ビデオ、シェーダー、3D、内蔵AIを含むコード駆動のプロトタイプを誰でも構築できます。

仕組み

ブランドを組み込む

オンボーディング時にClaudeはコードベースとデザインファイルを読み取り、チーム用のデザインシステムを構築します。以降のプロジェクトは自動的にそのカラー、タイポグラフィ、コンポーネントを使用します。システムは時間をかけて洗練でき、チームは複数のデザインシステムを管理できます。

どこからでもインポート

テキストプロンプトから開始することも、画像やドキュメント（DOCX、PPTX、XLSX）をアップロードすることも、コードベースを指定することも可能です。web captureツールを使ってウェブサイトから要素を直接取得すると、プロトタイプが実際のプロダクトに近い見た目になります。

細かいコントロールで調整

特定の要素にインラインでコメントを付けたり、テキストを直接編集したり、調整ノブでスペーシング、色、レイアウトをライブで微調整できます。その後、Claudeに変更をデザイン全体に適用させることができます。

コラボレーション

デザインは組織スコープで共有できます。ドキュメントを非公開にしたり、組織内のリンク保持者が閲覧できるようにしたり、編集権限を付与して同僚がデザインを修正したり、グループ会話でClaudeと一緒に作業することができます。

エクスポート

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

Claude Codeへのハンドオフ

デザインが実装準備できたら、Claudeはすべてをハンドオフバンドルにまとめ、単一の指示でClaude Codeに渡せる形にします。今後数週間でClaude Designとの統合をより簡単にし、チームが既に使用しているツールへ接続しやすくしていきます。

パートナーの声

Canva の共同創業者兼CEO Melanie Perkins:

Anthropicとのここ数年の協働は素晴らしく、複雑なものをシンプルにするという点で共通のフォーカスがあります。Canvaの使命は世界中の人々にデザインの力を与えることであり、それはアイデアが生まれる場所にCanvaを届けることを意味します。Claudeとの連携を基盤に、Claude Designで生まれたアイデアや草案をCanvaにシームレスに持ち込み、瞬時に完全に編集可能で共同作業可能なデザインにする体験を構築できることにワクワクしています。

Brilliant シニアプロダクトデザイナー Olivia Xu:

Brilliantの複雑なインタラクティビティとアニメーションは従来プロトタイプ化が非常に手間でしたが、Claude Designが静的デザインをインタラクティブなプロトタイプに変換する能力は大きな改善でした。他のツールでは再現に20以上のプロンプトが必要だった最も複雑なページが、Claude Designではわずか2プロンプトで済みました。デザイン意図を含めたClaude Codeへのハンドオフにより、プロトタイプから本番環境への移行がシームレスになりました。

Datadog プロダクトマネージャー Aneesh Kethini:

Claude Designは我々のチームのプロトタイピング速度を劇的に上げ、会話の中でライブにデザインを作れるようにしました。ラフなアイデアから誰かがその場を離れる前に動作するプロトタイプに至ることができ、出力は我々のブランドとデザインガイドラインに忠実です。以前はブリーフ、モック、レビューの往復に1週間かかっていた作業が、今では1回の会話で完了します。

はじめに

Claude Designは Claude Pro、Max、Team、Enterprise の加入者が利用できます。アクセスは各プランに含まれており、購読の使用量制限を使用します。制限を超えて継続利用するオプションも用意されています。Enterprise 組織では Claude Design はデフォルトでオフになっており、管理者は Organization settings で有効化できます。

開始はこちら: claude.ai/design