世界は立ち止まらない。RSS
BIG CHANGE.
ワンタップでBIG CHANGE
ワンタップでBIG CHANGE

大局を見渡す余白を。

BIG CHANGE をホーム画面またはデスクトップに追加します。専用ウィンドウで開き、オンライン時には最新の記事が表示されます。

iPhoneとiPad
Safari で bigchange.ai を開きます。「共有」、「ホーム画面に追加」の順にタップします。「Web Appとして開く」が表示された場合はオンにしてから、「追加」をタップします。
Android
Chromeでbigchange.aiを開きます。ブラウザーのメニューから「アプリをインストール」または「ホーム画面に追加」を選択してください。
デスクトップ
Chrome または Edge では、アドレスバーのインストールアイコンかブラウザーのアプリメニューを使用します。Mac の Safari では、「ファイル」→「Dockに追加」を選択します。

Markdown版

AI-translated from English; not yet reviewed by a fluent editor.

# 再利用できるClaude Designのシステムを作り、確認する

> 承認済みのブランド素材から再利用可能なClaude Designのシステムを作り、規則を点検し、新しいデザインで試して利用者を確認します。

By BIG CHANGE Editorial

Published: 2026-10-20T15:24:38.202Z
Updated: 2026-10-20T15:24:38.202Z
Canonical: https://bigchange.ai/blog/claude-design-reviewed-brand-system-guide

![Conceptual charcoal illustration of a wide unbranded layout proof emerging from a print press, with three plain samples clipped to its side rail.](https://bigchange.ai/api/media/file/claude-design-brand-system-proof-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

Claude Designは承認済みブランド資料を、新しいデザインやスライドで使えるシステムにできます。有用な成果は配色表だけではありません。色、書体、コンポーネント、レイアウトの規則を保存・確認し、新しいデザインで使われているか調べられる状態です。本ガイドは、元ファイルを扱い成果を承認する権限のあるブランド責任者やデザイナー向けです。文書化された手順であり、BIG CHANGEはClaudeアカウントでシステムを作成・検証していません。

## 大きな変化

- **何が変わったか：** 現在のClaudeのチャットとArtifacts経由の手順では、権限のある責任者が承認済み資料から再利用可能なデザイン規則を作れます。生成されたシステムは、チーム利用前に確認が必要です。
- **なぜ重要か：** 規則を照合・修正し、新しいデザインで試すことで、保存されたシステムが意図したブランドを実際の制作に反映するか確認できます。
- **注意点：** 責任者は、そのデザインへの継承、素材とフォントの権利、アクセシビリティ、最終的な共有相手を確認する必要があります。最初の出力が魅力的でも、これらは解決しません。

## 資料とアカウントを準備する

デザインシステムはPro、Max、Team、Enterpriseでベータ提供されています。基本のClaude Designはより広く利用できますが、すべてのアカウントにDesign systems機能があるわけではありません。対象の組織とアカウントを確認します。Enterpriseでは責任者がOrganization settings > ArtifactsでDesign systemsを有効にする必要がある場合があり、組織設定やカスタムロールもアクセスを制限します。保存やデータ所在地の要件があれば送信前に解決してください。Anthropicによると、Claude Designは現時点でデータ所在地要件に対応せず、アップロード素材は永続的に保存されます。

現行ブランドガイド、使用許可済みロゴとフォント、代表的スライド、自社所有コンポーネント集など、承認済み資料を最低一つ集めます。所有者、版、使用・処理の権利、既知の不一致を記録します。色の値、フォントライセンス、ロゴ規則の対立は責任者に判断してもらいます。未決事項は未決のままにし、Claudeに代わりに承認させません。チームが実際に必要とする代表的デザインを選び、確認担当者と後でシステムを受け取れる人を決めます。

資料の版と権利、アカウントと組織、システム名と所有者、確認した版を非公開の作業記録に残します。色の役割と値、書体とライセンス、ロゴの種類と規則、コンポーネントの種類と状態、余白とレイアウト、独立したアクセシビリティ結果、テストデザインの識別情報、承認、共有の再確認欄を用意します。これは自分の確認記録であり、Claudeが提供すると約束するフィールドではありません。

## システムを作成して確認する

1. **対象アカウントでDesign systemsを開きます。** 機能が利用でき、組織が正しいか確認します。現在のAnthropicの手順では、接続またはアップロードしたブランド資料からシステムを作るようチャットで依頼し、Settings > Design systemsで管理できます。アクセスできなければ、プラン・機能・ロールの具体的な障害を記録します。回避のため機密素材を個人アカウントに移してはいけません。
2. **承認済み資料と範囲を限定した依頼を渡します。** 処理が許可された資料だけをアップロードまたは接続します。通常の言葉で「この承認済み資料からデザインシステムを作ってください。提案する色、文字規則、ロゴ指示、コンポーネント、レイアウトごとに出典を示してください。不足や矛盾は作り足さず、責任者の確認事項として明示してください」と依頼できます。実際に渡した版と生成されたシステムの識別情報を記録します。実際のシステムがReactコンポーネントとして存在するなら、AnthropicはClaude Codeでの`/design-sync`も別経路として説明しています。許可されたコードとアクセスでのみ使ってください。
3. **生成されたシステムを資料と照合します。** そのアーティファクトで、重要な色の役割と値、書体・太さ・サイズ体系・ライセンス、ロゴの種類・余白・禁止使用、コンポーネント・種類・状態、間隔・グリッド・配置を点検します。使用メモが適用場面を説明しているか確認します。根拠のない項目や不足を未解決とし、変更前に所有者の判断を得ます。生成ロゴ案は、もっともらしくても使用許諾済みブランドマークにはなりません。
4. **修正を記録し、確認済み版を保存します。** 承認済み出典または責任者の明示判断がある規則だけを変更させます。保存済みシステムを開き直し、修正値を資料と比較します。日付付きの変更記録と許可された規則のコピーを自分で保持してください。Anthropicによると、Claude Designにはまだ版の履歴がありません。試す版とともにシステム識別情報、所有者、資料の版、確認者、未解決項目を記録します。
5. **システムのアーティファクト外でも確認します。** 独立したコントラスト検査ツールで、コンポーネントの状態を含む想定の文字と背景の組み合わせを、プロジェクトに適用する基準で測定します。WCAG 2.2の最低文字基準は通常4.5:1、大きな文字3:1で、定められた例外があります。実際のデザインで可能な範囲で、フォントの権利と読みやすさ、レスポンシブ配置、フォーカス表示、キーボード操作を確認します。Anthropicによると、システムのアーティファクト内のライブコンポーネントプレビューにはTabで到達・操作できません。名前やメモを読むことはキーボードテストではありません。できない確認は未解決と記録します。コントラスト合格だけで全体のアクセシビリティは証明できません。
6. **新しい制作物で継承を試します。** チャットまたはArtifactsのDesignテンプレートから、確認済みシステムを添付・選択した新しい代表的デザインを始めます。必要なサイズの実際のキャンバスで、色の役割、書体、ロゴ使用、コンポーネント、状態、余白を保存版と比較します。規則がずれたら、状況に応じシステムかデザインを修正し、テストを作成・更新して再確認します。対象アカウントで保存システムとテストを両方開き直します。一度の成功はそのデザインの結果であり、以後の全出力を保証しません。
7. **責任者の決定後にだけ共有します。** デザインは非公開で始まります。目的が非公開の確認済みシステムなら、そのままにして状態を記録します。チーム利用が承認されたら現在のArtifacts共有操作を使い、共有相手を読み直します。Design systemsへのアクセスがある人はシステムを作って特定の人と共有できますが、全員への共有と組織の既定指定はOwnerまたはPrimary Ownerが行います。既定にする前に全員へ共有する必要があります。他の作成者のシステムを組織全体へ共有するには、OwnerまたはPrimary Ownerが作成者から最高アクセスレベルで招待されている必要があります。正しいアカウントで最終所有者、共有相手、既定を確認します。別のclaude.ai/designアプリには独立した公開操作があり、2026年12月14日に終了予定です。そのPublished切り替えはArtifactsの共有操作ではありません。

## 確認に通らない場合

機能がなければプラン、Artifacts設定、ロールを確認し、具体的なアクセス境界で止めます。アップロードや接続の失敗は、応答と許可済み資料を調べてから限定的に再試行します。資料が矛盾したらブランド責任者に判断を返し、生成値で埋めません。保存規則や新デザインが承認資料と違えば修正して再比較します。共有変更が不確かなら再試行前に現在の相手と既定を読み直します。後のブランド改訂では、影響する規則とテストデザインを再確認します。

Claude DesignはClaude Codeを含む他のClaudeと同じ利用枠を消費し、有効なら追加クレジットが利用できる場合があります。大きな入力や反復は消費を増やします。本ガイドでは時間、費用、出力品質を測定していません。AnthropicはZIP、PDF、PowerPoint、単独HTMLなどのデザイン書き出しを説明していますが、システムのCSS、JSON、Tailwind、Figmaトークンへの自動書き出しは証明しません。引き渡しを約束する前に、必要な形式を現在の実製品で確かめます。

完了条件は、保存システムの所有者と確認版が明確で、重要な色・書体・ロゴ・コンポーネント・指示が承認資料に結び付き、独立確認と未解決項目が記録され、新デザインに規則が見て取れ、共有相手と既定状態を再確認できたことです。Claude Code向けに所有者承認済み仕様を用意する別の経路は、当サイトの[DESIGN.mdガイド](https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide)を参照してください。

## 出典と関連資料

- [Anthropic：Claude Designにデザインシステムを設定する](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design) — 対象プラン、チャットとReactコンポーネントの作成経路、保存管理、資料、テストの助言、キーボード制約。後半の単独アプリ説明は別経路です。
- [Anthropic：TeamとEnterprise向けArtifacts管理ガイド](https://support.claude.com/en/articles/16994751-artifacts-admin-guide-for-team-and-enterprise-plans) — 現在の組織設定、共有と既定の権限、利用枠、永続アップロード、データ所在地の制約。
- [Anthropic：Claude Designを始める](https://support.claude.com/en/articles/14604416-get-started-with-claude-design) — 現在のチャットとArtifacts作成、システム添付、キャンバス確認、非公開設定、共通利用枠、版履歴の欠如。
- [Anthropic：アーティファクトとは何か、どう使うか](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them) — テンプレートによるデザイン書き出し。デザイントークンの相互運用を約束するものではありません。
- [W3C：WCAG 2.2の最低コントラストを理解する](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) — 独立確認に使う文字コントラストの閾値と例外。

## Sources

- [Claude Designにデザインシステムを設定する](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design) — 有料プランのベータ、承認入力、チャット作成、React /design-sync代替、管理、テスト助言、キーボード制約、別の単独アプリ説明。
- [TeamとEnterprise向けArtifacts管理ガイド](https://support.claude.com/en/articles/16994751-artifacts-admin-guide-for-team-and-enterprise-plans) — Artifacts設定とロール、組織全体共有から既定への順序、作成者の招待、共通利用枠、永続アップロード、データ所在地制約。
- [Claude Designを始める](https://support.claude.com/en/articles/14604416-get-started-with-claude-design) — 現在のチャットとArtifacts経路、システム継承、非公開デザイン、利用枠、版履歴の制約。
- [アーティファクトとは何か、どう使うか](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them) — デザイン書き出しの選択肢。システムのトークン自動書き出しは証明しません。
- [WCAG 2.2の最低コントラストを理解する](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) — 文字の最低閾値と例外。独立した測定は読者が行う必要があります。
- [Claude Code向けに所有者承認済みDESIGN.mdを作る](https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide) — 関連するBIG CHANGEガイド第433号。背景の関連であり、日付付きの続報ではありません。