Claude Designとは?会話でデザインをつくる方法と、スタンドアロン版の終了

「この企画書から、1枚のチラシをつくって」「いま話した、登録の流れの画面イメージを、つくって」。そう話しかけるだけで、デザインができあがる。それが、Claudeの「Claude Design(クロード・デザイン)」です。

何ができるのか、どのプランで使えるのか、「デザインシステム」とは何か、そして、スタンドアロン版が終了することについて、Claudeのヘルプにもとづいて整理します。

Claude Designって、なに?

Claude Designは、Claudeとのチャットで、デザイン、動くプロトタイプ、1枚のまとめ(ワンページャー)などの、見た目の仕事をつくれる機能です。「アーティファクト」(Claudeがつくる成果物)を、始めるテンプレートの1つです。キャンバス上での直接の編集と、デザインシステムも、使えます。

Free、Pro、Max、Team、Enterpriseの、すべてのプランで使えます。初期設定で、オンです。
Enterpriseでは、2026年10月15日から、初期設定でオンになります。それより前は、オーナーが「組織の設定」→「アーティファクト」で、オンにできます。

どこで使える?

会話の中で: 「この提案から、1枚のまとめをつくって」「さっき話した登録の流れを、画面のイメージにして」と頼みます。会話の横に、デザインがつくられます。メッセージ欄の「出力」→「デザイン」でも、選べます。
「アーティファクト」のタブで: 「デザイン」のテンプレートを選びます。
Claude Codeで: アイデアを、デザインにするよう頼むか、「/design」で、デザインの作成、編集、同期ができます。
iOS・Androidアプリで: 会話の中でデザインを頼んで、あとで結果を見られます。全画面での表示と、編集は、アーティファクトのタブでできます。共有の設定を変えるには、ウェブ版かデスクトップ版を使います。

使い方の流れ

Claude Designは、会話と、キャンバス(作業の画面)を組み合わせて、動きます。

会話か、「アーティファクト」のタブから、デザインを始める。
Claudeに使わせたい、デザインシステムを、つける(取り込む)。
関係する情報(スクリーンショット、コードなど)を、加える。
つくりたいものを、説明する。
キャンバスに生成されたものを、確認する。
チャット、キャンバス上の直接の編集、インラインのコメントで、直す。
満足したら、書き出すか、共有する。

「デザインシステム」って、なに?

デザインシステムは、色、文字の形(タイポグラフィ)、部品(コンポーネント)、レイアウトの決まりを、まとめたものです。Claudeが、新しいデザインや、スライドのすべてに、自動で当てはめます。コード、スライド資料、ブランドのガイドラインなどの素材から、Claudeが取り出します。

ベータ版として、Pro、Max、Team、Enterpriseのプランで使えます。Pro、Max、Teamは、初期設定でオンです。Enterpriseは、オーナーがオンにするまで、オフです。無料プランでは、デザインシステムは使えません。
素材は、少なくとも1つ必要です。コードベース(部品のライブラリ)、ブランドを表すスライドや文書、ブランドのガイドライン(ロゴ、色、文字の仕様)のどれかです。
チャットで、つながっているアプリ、アップロードしたファイル、Figmaのファイル、スライド、ロゴ、フォントから、つくるよう頼めます。
コードがReactの部品として、すでにあるなら、Claude Codeで「/design-sync」を実行すると、トークンと部品を、直接読み取ります。

Claude Codeとの行き来

Claude DesignとClaude Codeの間を、作業を同期したまま、行き来できます。デザインが、ソフトウェアにする段階になったら、Claude Codeに渡せます。スクリーンショットから、やり直すのではなく、いまの作業から続けられます。

重要: スタンドアロン版は、2026年12月14日に終了

claude.ai/designの、独立した(スタンドアロン)版は、2026年12月14日に終了します。それまでは、使えます。

既存のプロジェクトは、終了まで、そこに残ります。Claudeへの移行は、有料プランに、順次、広がっています。
デザインシステムは、終了前に、Claudeに移す必要があります。「Design」のタブで、「Move team design systems」(チームのデザインシステムを移す)を押すと、アーティファクトとして移ります。
移したあとは、整理が必要な場合があります。「Let Claude clean it up」(Claudeに整理してもらう)を、押すと、ガイド、トークン、部品を、整えてくれます。
組織に、アーティファクトの保持期間が決められている場合、移したデザインシステムが、期間中、誰にも開かれないと、完全に削除されることがあります。

使うときの注意

つくったデザインは、そのまま公開せず、内容を、自分の目で確かめましょう。
ロゴや、ブランドの素材は、権利を持っているものだけを、取り込みます。
機能やプランの条件は、変わることがあります。最新の内容は、Claudeのヘルプで確認してください。

出典

Claude Help Center「Get started with Claude Design」(2026年10月26日に確認)
Claude Help Center「Set up your design system in Claude Design」(2026年10月26日に確認)