料金表 作り方 ai として Claude Artifacts を選ぶ位置づけ
Claude Artifacts は Claude との会話から独立した一枚のページを書き出す仕組みです。書き出したページは専用の URL で共有できます。公式ヘルプは「Claude はまとまった独立した内容を、会話の本流と別の枠で共有します」と説明しています。料金表はその代表的な用途に当たります。
対応プランは Free、Pro、Max、Team、Enterprise の全プランです。Web、デスクトップ、モバイルのどこからでも扱えます。2026 年 7 月 13 日の更新で、公開共有が全プランに開放されました。Free の利用者でも書き出した料金表に公開 URL を発行できます。社外の相手に URL 一本で提示できるようになりました。
使いどころは新規サービスの価格の下地作りです。既存プランの再編や期間限定プランの提示にも向きます。代理店に渡す共通の説明や社内合意の資料としても機能します。本番の料金ページを Web 制作会社に発注する前段の型作りに、相性の良い置き場所になります。
料金表 作り方 ai の四段 workflow
Claude Artifacts で料金表を作る流れは四段に整理できます。ブリーフ、プラン設計、レイアウト、書き出しの順です。
一段目のブリーフは扱う料金の中身を Claude に渡す工程です。プラン名と価格を書きます。含める機能と対象の顧客を並べます。注記の要件も添えます。ここが薄いと初稿の質が上がりません。
二段目のプラン設計は渡した中身を比較しやすい単位に組み替える工程です。プランの数を決めます。並べる順番を決めます。目立たせるプランを一つに絞ります。機能の粒度もこの段で決めます。
三段目のレイアウトは比較表と機能マトリクスの見た目を整える工程です。色や余白、チェックマークの形、注記の位置を、目に見える要素の名前で伝えます。
四段目の書き出しは公開 URL の発行と外部への共有の工程です。パネル右上の共有の操作から公開します。URL が発行され、URL を知っている相手が Claude のアカウントなしで開けます。
四段は順に進むというより、二段目と三段目を何度か往復する形になります。往復してから四段目に進む進み方が自然です。
料金表の三つの型
料金表の見せ方は三つの型に整理できます。プラン比較、機能マトリクス、段階的な価格です。三つは排他ではありません。一枚の料金表の中で組み合わせて使えます。
プラン比較は横に三つから五つのプランを並べる型です。縦の列にはプラン名や価格、対象と主要な機能、行動のボタンを積みます。個人向けの SaaS や B2C のサブスク型サービスに向きます。プラン名と価格の関係が一瞥で伝わる作りに寄せます。
機能マトリクスは縦に機能項目を並べる型です。横のプラン列にはチェックマークや数値を入れます。B2B のサービスに向きます。機能の差が意思決定を左右する場面にも向きます。行数は 15 から 25 の範囲に収めると読み手の目が疲れません。
段階的な価格は利用量や席数の帯に応じて価格が変わる型です。従量課金の SaaS に向きます。席数に応じたチーム向けサービスにも向きます。印刷部数に応じた制作費など、量と価格の関係を伝えたい場面にも合います。帯を四つから六つに絞ると営業側の説明も揃います。
三つの型はプランの数と読み手の意思決定の型に沿って選びます。組み合わせて置くこともできます。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 Artifacts と同じ設計思想の延長にあります。
キャンペーンの初日と、初日を過ぎたあとで料金の見せ方を差し替える場面にも向きます。URL を替えずに中身を差し替えられます。社内の掲示板や外部への案内メールに載せた URL を貼り替える手間が発生しません。差し替えの前には直前の版のスクリーンショットを社内で保管します。生きた更新の裏返しで、差し替え前の状態は URL 側には残らないためです。
Claude Skills との組み合わせで価格の見せ方の型を保つ
Claude Skills を組織で導入している場合、料金表の書き出しに Skills を掛けます。掛けると価格の見せ方の温度が安定します。ブランドチームの Skills に書く項目は次のとおりです。書体の指定と色の 16 進コード、通貨の単位と税込表記の並べ方、注記の語尾、目立たせるプランの帯の色などを揃えて書きます。
Skills を掛けた状態で Artifacts に書き出させると、初稿の完成度が上がります。Skills の中身は一枚の料金表のためだけに作りません。ブランド全体で使い回せる粒度で作ります。この点は姉妹記事の Claude Artifacts ブランドチーム活用ガイド で扱っています。
料金表の Skills には社内の呼称を統一する辞書も組み込みます。「月額」「サブスク」「サブスクリプション」「継続課金」といった揺れる語をどれに寄せるかを書きます。Skills を掛けた書き出しは揺れの少ない状態で右側に開きます。
本番の料金ページとの切り分け
Claude Artifacts で作った料金表は URL を発行して外部に見せる範囲で完結します。単発のキャンペーン価格の提示、商談資料の付録、代理店の下地としての運用に向きます。
一方で、決済の実装や独自ドメインでの本番公開、既存サービスサイトへの組み込みは別の実装になります。Claude Artifacts の URL は Claude 側で管理される URL です。独自ドメインへの割り当ては別の実装が要ります。決済の受付や個人情報の入力は社内の別の仕組みと組み合わせる前提です。日本国内向けに決済を受け付ける本番の料金ページには、特定商取引法に基づく表示など必須項目を本番側に載せる実装も含まれます。
線引きの原則はシンプルです。下地の作成とレビューまでの共有は Claude Artifacts で行います。本番公開は別の実装で行います。この線引きの詳細は hub 記事の Claude Artifacts ブランドチーム活用ガイド でも扱っています。
兄弟の料金表資産との組み合わせ
料金表は単体で回すよりも、兄弟にあたる資産と組み合わせて回すのが自然です。組み合わせの相手は四つあります。上流のランディングページと隣に置く商品カタログ、下流の受注ブリーフと会員向けのポータルです。
上流のランディングページは料金表の 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 の料金表は下地の共有までを担います。独自ドメインでの本番公開、決済の受付、特定商取引法に基づく表示など、本番の料金ページに必要な実装は別の仕組みで行います。Claude Artifacts の URL は本番ページの前段で価格の見せ方を固める場所として使います。
Q5. Web 制作会社に依頼する料金ページと、Claude Artifacts の料金表の使い分けは
A. Claude Artifacts で作る料金表は、価格の型作り、商談資料の付録、代理店の説明の下地、社内合意の資料に向きます。Web 制作会社への依頼は、独自ドメインでの本番公開、決済の実装、既存サイトへの組み込みが必要な場面に向きます。二つを切り分けて回すのが実務の落としどころです。