- 日付2026-06-17
- 所要時間5分
- 共有リンクをコピー

Claude Design はプロジェクト全体でお客様のデザインシステムに準拠し、Claude Code とスムーズに連携することでキャンバスで直接編集できるようになり、すでにお使いのさらに多くのツールと接続できます。Claude デスクトップアプリのサイドバーに、新しいホームが登場しました。https://claude.com/product/design
当社の目標はこれまでと同じです。締め切りの制限を超えて、より多くの選択肢やアイデアを検討できるようにし、仕上げや構築への引き継ぎをできる限りシームレスにすることです。その目標は、今ではより多くの人に届くようになりました。Claude Design は最初の 1 週間で 100 万人以上に利用され、皆様からのフィードバックが今後の開発を形作っています。
デザインシステム
コンポーネントで構築
デザインシステムインポートを再構築して、より柔軟性を提供し、精度を向上させました。 GitHub リポジトリ、デザインファイル、または直接アップロードから、 1 つまたは複数のデザインシステムを取り込みます。Claude はお客様のコンポーネントで構築し、デザインシステムと比較して出力を確認し、表示前に自動で修正を行います。 大規模なチームでは、新しい管理者ロールが 1 つの標準システムを承認し、編集をロックダウンできるため、作業は常に御社のガイドラインに沿って行われます。
デザインとコードを切り替え
Claude Design と Claude Code を同期したまま、より簡単に切り替えできるようになりました。アップデートは本日より順次提供されます。/design-sync を使用してデザインシステムを読み込むことで、Claude Design で構築するすべてのものが既存のコンポーネントから開始されます。デザインをソフトウェア化する準備が整ったら、Claude Code に引き渡せます。スクリーンショットから作り直すのではなく、既存の作業をそのまま引き継いで続行します。
Claude Code から始めたいですか?/design を使用すれば、ターミナルを離れることなく、デザインプロジェクトの作成、編集、同期を行えます。 デザインをコードベースにインポートしたり、コードをライブプロトタイプに変換したり、Claude にプロジェクトを最後まで任せたりすることができます。
「Claude design は、実績のあるデザインツールの機能性と性能を備えた、最先端モデルのインテリジェンスを提供してくれます。 Tenex のサイト、新しいブランドアセット、プレゼンテーションのデザイン案を考えるときは、いつも Claude Design を利用します。 親しみやすい UX に、優れたセンスとデザインの直感が備わっているからこそ、私のテックスタックの中核となっています。 その後、Claude Design から Claude Code への引き継ぎによって、プロトタイプから本番環境までの流れがシームレスになります」
- Alex Lieberman 氏、Morning Brew & Tenex 共同創業者
日常業務がより安定
新しいエディタを使用すると、デザインのあらゆる要素を直接、きめ細かく制御できます。 新しくリッチなレイアウトコントロールで、要素のドラッグ、サイズ変更、配置ができます。数百の安定性改善により、エディタが実運用環境でも安定して動作します。
また、Claude Design はチャット、Claude Cowork、Claude Code と使用制限を共有するようになったため、ほとんどの人が創作のためのヘッドルームをはるかに多く獲得でき、制限に達する人もその頻度が減少します。平均的なターンでは、同じ結果を達成するために使用するトークンが減少し、エラーも大幅に減少しました。
キャンバスから使うツールまで
PDF や PowerPoint への安定したエクスポートに加え、普段使っているアプリへ作業を送信することもできます。コネクタには、Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wix が対応しており、今後さらに多くの接続先が追加される予定です。
ご利用にあたって
Claude Design は、Claude Pro、Max、Team、Enterprise plan でベータ版として提供されており、サブスクリプションに含まれています。Enterprise ユーザーの場合、デフォルトでオフになっています。管理者は組織設定で有効化でき、組織内でのみ作業を共有できます。 Claude.ai/design またはデスクトップアプリのサイドバーで確認できます。デザインシステムを取り込み、すぐに作り始めましょう。アイデアがありませんか?次のランディングページで 3 つの方向性を提案してもらい、磨く価値のあるものを選びましょう。
Claude を活用して組織運営の方法を変革
開発者向けニュースレターを入手
製品の最新情報、操作方法、コミュニティスポットライトなどを掲載しています。毎月受信トレイに配信されます。