Claude Artifacts で料金表を作る位置づけ
Claude Artifacts は、Claude との会話から独立したページを書き出し、専用の URL で共有できる仕組みです。公式のヘルプは「Claude は、まとまった独立した内容を、会話の本流とは別の専用の枠であなたと共有できます」と説明しています。書き出せる中身の中で、料金表はサービス側の受注導線に直結する用途に当たります。
対応プランは Free、Pro、Max、Team、Enterprise の全プランで、Web、デスクトップ、モバイルのどこからでも扱えます。2026 年 7 月 13 日の更新で、公開共有が全プランに開放されました。Free の利用者でも、書き出した料金表に公開の URL を発行して、社外の相手に URL 一本で提示できるようになりました。
料金表の使いどころは、新規サービスの価格の下地作り、既存プランの再編、期間限定プランの提示、代理店に渡す共通の説明、社内での合意形成の資料など幅広い範囲に及びます。Web 制作会社に本番の料金ページを発注する前段で、価格の見せ方の型を固めるための共通の下地として置くと、相性が良くなります。
料金表の四段 workflow
Claude Artifacts で料金表を作る流れは、ブリーフ、プラン設計、表と比較のレイアウト、書き出しの四段に整理できます。順にみていきます。
一段目のブリーフは、扱う料金の中身を Claude に渡す工程です。プランの名前、価格の税抜と税込、含まれる機能、対象の顧客、注記の要件を、短い文で並べて渡します。ここが薄いと、書き出しの一発目の質が上がりません。
二段目のプラン設計は、渡した中身を、比較しやすい単位に組み替える工程です。プランの数、並べる順番、目立たせるプラン、機能の粒度を、この段で決めます。
三段目のレイアウトは、比較表と機能マトリクスの見た目を整える工程です。色、余白、チェックマークの形、注記の位置を、目に見える要素の名前で伝えます。
四段目の書き出しは、公開の URL の発行と、外部への共有の工程です。パネル右上の共有の操作から公開すると、URL が発行され、URL を知っている相手が Claude のアカウントなしで開けます。
四段は、順に進むというより、二段目と三段目を何度か往復してから四段目に進む、という進み方が自然です。
料金表の三つの型 － プラン比較・機能マトリクス・段階的な価格
料金表の見せ方は、三つの型に整理できます。順に、プラン比較、機能マトリクス、段階的な価格です。この三つは排他ではなく、一枚の料金表の中で組み合わせて使うことも多いです。
プラン比較は、横に三つから五つのプランを並べて、縦にプラン名、価格、対象、主要な機能、行動のボタンを積む型です。個人向けの SaaS や、B2C のサブスク型サービスに向きます。プランの名前と価格の関係が、読み手の一瞥で伝わる作りに寄せます。
機能マトリクスは、縦に機能項目を並べて、横のプラン列にチェックマークや数値を入れる型です。B2B のサービスや、機能の差が読み手の意思決定を左右する場面に向きます。行数は 15 から 25 の範囲に収めると、読み手の目が疲れずに済みます。
段階的な価格は、利用量や席数の帯に応じて価格が変わる型です。従量課金の SaaS、席数に応じたチーム向けサービス、印刷部数に応じた制作費など、量と価格の関係を伝えたい場面に向きます。帯を四つから六つに絞ると、営業側の説明も揃います。
この三つの型を、プランの数と読み手の意思決定の型に沿って選び、組み合わせて置きます。Claude に依頼するときは「上部にプラン比較、中段に機能マトリクス、下段に段階的な価格を並べた一枚の料金表を書き出してください」と、型の名前で伝えると通じやすいです。
ブリーフに載せる六つの要素
ブリーフに載せる要素は、六つに整理できます。順に、プランの名前、価格の建て方、含める機能、対象の顧客、目立たせるプラン、注記です。
プランの名前は、既存のブランドの語彙と揃えます。数字だけの名前、抽象的な名前、階段のニュアンスが伝わる名前のどれを取るかで、料金表の温度が変わります。価格の建て方は、税抜と税込の両方を書き、月払いと年払いの両方がある場合は年払いの割引率も添えます。
含める機能は、機能の粒度と、書き分ける項目の数を先に決めます。粒度が細かすぎると、機能マトリクスが縦に長くなり、読み手の目が滑ります。対象の顧客は、想定する属性、事前の知識の量、この料金表に到達した経路の三点で書きます。
目立たせるプランは、視線を集めたい列を一つに絞り、色の帯や「おすすめ」の帯で目立たせます。三つのプランを並べる場合、真ん中を目立たせる置き方が定番です。注記は、税抜と税込、通貨の単位、決済手段、契約期間、途中解約の扱い、キャンセルの条件を、料金表の下段に短くまとめます。
この六つのブリーフを、書き出しの依頼の前にまとめて Claude に渡します。渡し方は、箇条書きでも段落でも構いません。「以下のブリーフに沿って、一枚の料金表の初稿を、プラン比較と機能マトリクスの二段で書き出してください」と続ければ、初稿が右側のパネルに開きます。
プラン比較の並べ方 － 縦列と横列の使い分け
プラン比較の並べ方には、二つの流儀があります。プランを横に並べて機能を縦に積む横並びと、プランを縦に並べて機能を横に積む縦並びです。B2C の SaaS では横並びが定番、B2B の受託型サービスでは縦並びが読みやすい、という傾向があります。
横並びの場合、プランの数は三つから五つに絞ります。六つ以上並べると、スマートフォンの画面幅に収まらず、読み手の目が滑ります。真ん中のプランを一段大きく置くか、色の帯で目立たせるかで、視線の受け皿を作ります。
縦並びの場合、行と列の間の余白を、通常の表より一段広く取ります。Claude に伝えるときは「行の高さをいまの一段分広く、列の間の縦の罫線は消す」といった書き方が向きます。行の高さが揃うだけで、比較の読み取りが速くなります。
価格の書体は、本文より一段大きく、太さを揃えます。通貨の単位は、価格の直後に小さく置くか、価格の上に注記として置くかの二択です。日本円の場合、価格の直後に「円」を置き、税抜と税込の両方が並ぶ場合は税込の方を大きく見せます。
機能マトリクスの整え方 － チェックマークと補足の温度
機能マトリクスは、縦に機能項目を並べ、横のプラン列に、対応しているかどうかを示す記号を入れる型です。記号の選び方で、料金表全体の温度が決まります。
チェックマークだけで示す作りは、読み手の一瞥で対応の可否を伝える速さが取れます。一方で、機能ごとの上限や条件を伝えられません。数値と単位を入れる作りは、席数、保存容量、月次の生成回数、同時接続数などを、そのまま伝えられます。
チェックマークと数値の混在は、読み手にとって迷いの元になります。マトリクスの中で、どちらかに寄せる判断を先に置きます。B2B の受託型サービスでは、数値と単位に寄せる作りが向きます。B2C のサブスクでは、チェックマークに寄せた上で、注記の欄で上限を補うのが定番です。
機能項目の並び順は、上から順に、契約者の全員が使う項目、上位プランで解放される項目、上級者向けの項目の三段で組みます。読み手は上から下に読むため、上段に置いた項目が「基本」の受け皿になります。
補足の欄は、機能マトリクスの右側、または各行の下に、小さな注記の書体で添えます。Claude に伝えるときは「各行の下に、9 ポイントの補足の一行を、10 文字から 25 文字で入れる」といった書き方が通じやすいです。
FAQ セクションを料金表に添える運用
料金表の下段には、FAQ を五問から八問の範囲で添えます。プランの選び方、価格の建て方の理由、途中解約の扱い、支払い方法、契約期間の扱い、複数プランの併用、団体割の有無、といった質問を、想定される順に並べます。
FAQ を添える理由は、読み手の意思決定を、営業窓口に問い合わせる前に、料金表の中で完結させるためです。営業側の対応の負担が下がり、受注前の相手の意思決定の速さが上がります。
FAQ の書き方は、質問を疑問符付きの一文で置き、回答を二文から四文で書きます。回答の一文目で結論を置き、二文目以降で条件と例外を書き分けます。この二段の書き方が、読み手の視線を止めない骨になります。
Claude Artifacts の書き出しの中で FAQ の下書きを作らせるときは、「上記の料金表の内容に沿って、想定される問いを八問、下段に FAQ として添える」と依頼します。書き出された FAQ は、営業側の応対の履歴を突き合わせて、実際に問い合わせが来る順に並べ直します。
公開共有と価格改定の更新運用
料金表の公開の URL は、パネル右上の共有の操作から発行します。全プランで発行できるようになったのが、2026 年 7 月 13 日の更新です。Team と Enterprise の組織では、外部共有の可否を組織の管理者が決めます。既定は外部共有が無効の状態で、組織の中だけで見せる運用が最初の入口です。
外部共有を有効にした場合、URL を知っている相手が Claude のアカウントなしで開けます。この、閲覧のためのアカウントが要らない点が、料金表を営業のメール、商談資料、代理店の説明の中で回すときの敷居を下げます。
価格改定の更新運用は、Claude Artifacts の強みが出る場面です。書き出された料金表は、公開後に中身を差し替えても、URL を維持できます。差し替えた瞬間、URL を開いている相手のブラウザに、更新がその場で反映されます。この動きは、Anthropic の公式ブログが「Claude Code は作業の途中経過を成果物として取り込み、Claude Code の仕事を、生きた、共有できる見た目のあるページに変えます」と説明する Claude Code Artifacts と、同じ設計思想の延長にあります。
キャンペーンの初日と、初日を過ぎたあとで、料金の見せ方を差し替える場面に向きます。URL を替えずに中身を差し替えられるので、社内の掲示板や、外部への案内メールに載せた URL を貼り替える手間が発生しません。差し替えの前には、直前の版のスクリーンショットを社内で保管しておきます。生きた更新の裏返しで、差し替えの前の状態は URL 側には残らないためです。
Claude Skills との組み合わせで、価格の見せ方の型を保つ
Claude Skills を組織で導入している場合、料金表の書き出しに Skills を掛けて、価格の見せ方の温度を安定させられます。ブランドチームの Skills には、書体の指定、色の 16 進コード、通貨の単位の書き方、税抜と税込の並べ方、注記の語尾、目立たせるプランの帯の色を書きます。
Skills を掛けた状態で Artifacts に書き出させると、書き出しの一発目の完成度が上がります。Skills の中身は、一つの料金表のためだけに作るのではなく、ブランド全体で使い回せる粒度で作ります。この点は、姉妹記事の Claude Artifacts ブランドチーム活用ガイド で詳しく扱っています。
料金表の Skills には、加えて、社内の呼称を統一する辞書を組み込みます。「月額」「サブスク」「サブスクリプション」「継続課金」といった揺れる語を、料金表の中でどれに寄せるかを、Skills の中に書きます。Skills を掛けた書き出しは、揺れの少ない状態で右側のパネルに開きます。
決済・法務との切り分け － 特商法と独自ドメインは別の実装
Claude Artifacts で作った料金表は、URL を発行して外部に見せる範囲では、エンジニアの手を借りずに完結します。単発のキャンペーン価格の提示、商談資料の付録、代理店に渡す共通の下地としての運用に向きます。
一方で、決済の実装、独自ドメインでの本番公開、特定商取引法に基づく表示、既存のサービスサイトの中に組み込む場面では、エンジニアや Web 制作会社の手を借ります。Claude Artifacts の URL は Claude の側で管理される URL で、独自ドメインへの割り当ては別の実装が要ります。決済の受付や、個人情報の入力は、社内の別の仕組みと組み合わせる前提です。
日本国内向けに料金表を公開する場合、特定商取引法に基づく表示、事業者名、所在地、返品や解約の条件、支払い時期と方法などの必須項目を、本番の料金ページの側に載せます。Claude Artifacts で作った料金表は、あくまで受注前の提示の下地として置き、本番の料金ページと導線でつなぐ扱いが向きます。
この線引きが、ブランドチーム側の運用の落としどころになります。下地の作成と、レビューまでの共有は Claude Artifacts、決済と特商法の表示を含む本番公開は別の実装、と切り分ける進め方が向きます。この線引きの詳細は、hub 記事の Claude Artifacts ブランドチーム活用ガイド でも扱っています。
兄弟の料金表資産との組み合わせ － 1 枚 LP・商品カタログ・ブリーフ
料金表は、料金表単体で回すよりも、兄弟にあたる資産と組み合わせて回すのが自然です。組み合わせの相手は、上流のランディングページ、隣に置く商品カタログ、下流の受注ブリーフ、さらに会員向けのポータルの四つです。
上流のランディングページは、料金表の URL に到達させる導線を担います。1 枚の LP から料金表の URL に飛ばし、料金表の下段のボタンから受注のフォームに進む、という三段の流れが基本の骨です。1 枚 LP の作り方は、姉妹記事の Claude Artifacts で 1 枚 LP を作る で扱っています。
隣に置く商品カタログは、料金表と対の役目を担います。物販と役務のあいだで、料金表とカタログのどちらを主にするかは、扱う中身で決まります。商品カタログの作り方は、姉妹記事の Claude Artifacts で商品カタログを作る で扱っています。
下流の受注ブリーフは、料金表を見て問い合わせに至った相手から、案件の要件を引き出す入口です。料金表の下段の行動のボタンから、ブリーフの URL に進む導線を組みます。ブリーフの作り方は、姉妹記事の Claude Artifacts でブリーフを作る手順 で扱っています。
会員向けのポータルは、契約後の顧客に対して、契約中のプランと機能を再提示する場です。料金表の中の目立たせるプランを、会員側のポータルの上段に置くと、追加の契約の受け皿になります。会員ポータルの作り方は、姉妹記事の Claude Artifacts で会員ポータルを作る手順 で扱っています。
FAQ
Q1. Claude Artifacts で料金表を作るのに、コードの知識は必要ですか
A. 必要ありません。Claude.ai の会話の中で、プランの名前、価格、含める機能、対象を伝えれば、料金表の初稿が右側のパネルに書き出されます。書き出された成果物は、目に見える要素の名前で直しを頼めます。ただし、決済の受付、独自ドメインでの本番公開、特定商取引法の必須項目の表示は、別の仕組みが要ります。
Q2. Free プランでも料金表を公開共有できますか
A. できます。2026 年 7 月 13 日の更新で、公開共有が全プランに開放されました。Free の利用者でも、書き出した料金表に公開の URL を発行し、社外の相手に URL 一本で見せられます。Team と Enterprise の組織では、外部共有の可否を組織の管理者が決める設定になります。
Q3. 価格改定のたびに URL は変わりますか
A. 変わりません。同じ成果物を更新して公開すると、同じ URL の中身が置き換わります。開いたままの相手のブラウザに、その場で更新が届きます。差し替えの前の版は URL 側には残らないため、直前の状態を残したい場合は社内でスクリーンショットを保管します。
Q4. 特定商取引法に基づく表示は Claude Artifacts の料金表に載せてよいですか
A. 受注前の下地として提示する範囲では問題ありません。ただし、日本国内向けに決済を受け付ける本番の料金ページには、事業者名、所在地、返品や解約の条件、支払い時期と方法などの必須項目を、本番側のページに載せます。Claude Artifacts の料金表は、本番の料金ページの前段で価格の見せ方を固める下地として使い、本番公開は別の実装で行う切り分けが向きます。
Q5. Web 制作会社に依頼する料金ページと、Claude Artifacts の料金表の使い分けは
A. Claude Artifacts で作る料金表は、価格の型作り、商談資料の付録、代理店の説明の下地、社内合意の資料に向きます。Web 制作会社への依頼は、独自ドメインでの本番公開、決済の実装、特定商取引法の必須項目の表示、既存のサービスサイトへの組み込みが必要な場面に向きます。この二つを切り分けて回すのが、実務での落としどころです。