日本語

プロダクトデザイナーのツールとテックスタック:正直な2026年監査

私が関わってきたすべてのデザインチームには、同じ成果物が転がっています。「デザインツール」というタイトルのNotionページに、23件のSaaSサブスクリプションが並んでいます。その半分は2年前に退職したデザイナーの法人カードに請求されています。3件は同じことをしています。2件はオンボーディング以来一度も開かれていません。1件は会社がきっかり2回しか使わなかった、月$400のモデレーティッドリサーチパネルです。

これはスタックではありません。これは堆積物です。スタックはあなたが設計したものです。これはあなたに起きたことです。

解決策は別のツールを買うことではありません。自分の仕事について6つの質問に答える規律を持ち、各質問に対して1つのツールを選ぶことです。それがこの記事の全てです。残りは証拠です。

なぜほとんどのスタックは肥大しているのか

Figmaにプラグインを山積みしてもスタックではありません。それはデフォルトです。選ぶコストが高く間違えるコストが低いときはデフォルトで良い。ツールはその逆です。間違えるのは高コスト(移行、再トレーニング、失われた制度的記憶)であり、何のために選ぶかを知っていれば選択自体は実はそれほど難しくありません。

本物のプロダクトデザインスタックは6つの質問に答えます。

  1. どうデザインするか?(ファイル、キャンバス、信頼できる情報源)
  2. どうプロトタイプするか?(ローファイ、ハイファイ、ごくまれにハードウェアとネイティブのケース)
  3. どうリサーチするか?(非モデレーティッドテスト、モデレーティッドパネル、シンセシス)
  4. どう実際のユーザーを観察するか?(セッションリプレイ、アナリティクスではない)
  5. どう利用状況を測定するか?(プロダクトアナリティクス、ファネルとリテンションカーブ)
  6. どうエンジニアリングにハンドオフするか?(design system、デブモード、「これがリリースしたものです」という証拠)

1つの質問に対して2つ以上のツールがあれば、スタックの問題があります。1つの質問に対してツールがゼロなら、成熟度の問題があります。ほとんどのチームはその両方を持っています。

コアの6つ(2026年4月の実際の価格)

以下の価格は2026年4月時点の公開リスト価格です。エンタープライズ割引は存在しますが、監査ではそれを無視してリスト価格で計算してください。リスト価格でツールを正当化できなければ、法人カードで保持し続けることも正当化できません。

1. デザイン(Figma Professional:年払い$15/エディター/月)

Figmaは依然として最低限の基準です。もっと面白い意見が言えれば良いのですが。Sketchは存在し、Penpotは存在し、Adobeの買収は実現せず、人々は前に進みました。Mac専用チームで強い理由がある場合のみSketchを選んでください。規制産業でオープンソースとセルフホストが本当に必要な場合のみPenpotを選んでください。それ以外は、Figma Professional、年払いで月$15/エディター、月払いで$20。ビューアーは無料です。誤ってビューアーシートに課金しないでください。

正直なところ:ほとんどのチームはエディターシートを過剰にライセンスしています。PMとエンジニアは編集する必要がありません。シート一覧を監査して、60日間フレームを動かしていない全員をダウングレードしてください。それだけでこのリストの次の2つのツールが賄えることが多いです。

2. プロトタイプ(ローファイはFigma、それ以外はFramerまたはProtoPie)

3つのツール、3つの仕事。

Figmaはローファイのクリックスルーとデザインレビュー用。すでに支払っています。2重に払わないでください。

Framer(ミニプラン$15/月、ベーシックプラン$30/月)は、プロダクションに近い感覚のウェブプロトタイプ用(デモが本物のウェブサイトのようにリアルなインタラクション、ページトランジション、CMSコンテンツを持つ必要がある場合)。Framerの価値はFigmaより優れているということではなく、プロトタイプがマーケティングサイトになれるということです。B2B SaaSチームにとって、これは多くの人が認めるより重要なことです。

ProtoPie(プロ:$13/エディター/月、エンタープライズ:$33/エディター/月)は、ハードウェアとネイティブのインタラクション用。センサー、加速度計、分岐ロジック、マルチデバイスのハンドオフ。スマートフォンアプリ、スマートウォッチのインタラクション、またはハードウェアに触れるものをデザインしているなら、ProtoPieが唯一真剣にその仕事を扱うツールです。そうでなければスキップしてください。ほとんどのプロダクトデザイナーには必要ありません。必要な人は正確にその理由を知っています。

罠:シニアデザイナーがデモしてかっこよく見えたからProtoPieを買うこと。週次で使わないツールはキャンセルすべきツールです。

3. リサーチ(Maze、UserTesting、Dovetail:自分の現実に合うものを選ぶ)

リサーチはスタックが最も急速に広がるカテゴリです。なぜなら、すべてのリサーチベンダーが「他の全てを置き換える」と売り込むからです。どれもそうではありません。

Maze(スターター$99/月、プロフェッショナル$375/月)は、非モデレーティッドのユーザビリティテスト、ツリーテスト、カードソート、素早いプロトタイプ検証用。速くて安くて、Figmaの隣に置けます。週次でリリースするなら、Mazeは初月から元が取れます。

UserTestingはモデレーティッドパネルです。見積もり価格で、スターター契約で歴史的に$25K〜$40K/年、リクルーティングとセグメンテーションが必要なら追加。四半期に4件以上のモデレーティッドスタディを実施している場合のみ価値があります。それ以下なら、フリーランスのリクルーター + Calendly + Zoomの方が安くて柔軟です。ほとんどのチームは惰性でUserTestingを維持しています。

Dovetail(プロフェッショナル$99/ユーザー/月、エンタープライズ$159/ユーザー/月)は、リサーチシンセシス、タグ付け、「あのインサイトはどこで聞いたっけ」という問いに答えるもの。Dovetailはリサーチが成熟したチームに実際に重要なツールです。なぜなら、生の録画はインサイトではないからです。シンセシスが資産です。シンセシスしていなければ、リサーチをしていません。

正直なところ:小さいチーム(1〜3人のデザイナー)はMazeと共有Notionデータベースで乗り切れます。中規模チーム(5〜15人のデザイナー)はMazeとDovetailが必要です。大きいチームはその上にUserTestingを追加しますが、それはリサーチオプス担当者がいてそれを運用しているからに限ります。リサーチオプス担当者がいなければ、UserTestingは6ヶ月で棚ざらしになります。

4. セッションリプレイ(FullStoryまたはHotjar:どちらか1つ。両方ではない)

セッションリプレイは、実際のユーザーがナビゲーションをクリックしまくっているのを観察するためのものです。アナリティクスではありません。リサーチの代替でもありません。定量の上に乗る定性のレイヤーです。

FullStoryはエンタープライズの選択:見積もり価格で、歴史的にエントリーティアが$199/月からトラフィックに応じて急上昇。より良いフィルタリング、より良いチーム機能、より良いインテグレーション。

Hotjar(プラス$32/月、ビジネス$80/月)は小チームの選択。ヒートマップ、録画、基本的なファネル。安くて十分で、限界があります。月間セッションが約5万件を超えるとHotjarは辛くなります。

両方が本当に必要だったチームを1つだけ見たことがあります。彼らは間違っていました。どちらか1つと、より明確な視点が必要だっただけです。1つ選んでください。

5. プロダクトアナリティクス(Amplitude、Mixpanel、またはPostHog:1つ選んで深く学ぶ)

これは、デザイナーが関与しないことで最もレバレッジを失うカテゴリです。

Amplitudeは太っ腹な無料ティア(月間追跡ユーザー最大5万人)と見積もり価格の有料プランがあります。ベストインクラスの行動アナリティクス、強力なコホート、ファネルとリテンションクエリが本当に使えます。

Mixpanel(グロースティア$28/月、イベント数に応じてスケール)は軽量な競合です。UIがクリーンで、学習が速く、高度なセグメンテーションは弱い。

PostHogはエンジニアに好まれます。セルフホストなら無料、クラウドはイベントあたり$0.00005(実質的に月間約100万イベントまで無料)。セッションリプレイ、フィーチャーフラグ、アナリティクスをバンドルしています。エンジニアチームがすでにPostHogを使っているなら、それを使うだけです。別のツールを買う必要はありません。

アナリティクスツールでファネルクエリを書けるデザイナーは、プロダクトレビューで2倍聞いてもらえます。10年間それを見てきました。1つ選んで、「後で学ぼう」を卒業して、学んでください。データサイエンティストになる必要はありません。「あれをリリースした後に何が起きたか」という問いに、PMにレポートを引っ張ってもらわなくても答えられる人になれれば十分です。

6. Design System + ハンドオフ(Figma Dev Mode + Storybook)

Figma Dev Mode(デブシートあたり$25/月)はハンドオフレイヤーです。エンジニアにエディターシートなしで、寸法、トークン、コードスニペット、バージョンの差分を提供します。どの円の価値もあります。代替案は仕様ごとのSlackスレッドです。

Storybookはオープンソースで無料です。構築済みコンポーネントがpropsとstateとともにドキュメント化されて生きている場所です。Figma Dev Modeと組み合わせると、「これは正しく構築されているか?」は30秒の比較になります。スプリントごとに2日分のエンジニア時間を食う往復ではなく。

Stoybookはデザインツールではありません。design systemのツールです。これがなければ、あなたのdesign systemはシステムではなく、Figmaライブラリといくつかの希望です。Storybookを維持しているチームはビジュアルリグレッションが30〜40%少なくなります、私の経験では。そうでないチームは、同じバグを四半期に3回起票します。

コアの6つを一覧で

カテゴリ 推奨ツール 価格(2026年4月) スキップするとき
デザイン Figma Professional $15/エディター/月(年払い) なし(規制産業ならPenpot)
プロトタイプ(ローファイ) Figma 含まれている なし
プロトタイプ(ハイファイウェブ) Framer $15〜30/月 マーケティングサイトをリリースしない場合
プロトタイプ(ハードウェア・ネイティブ) ProtoPie $13〜33/エディター/月 ハードウェアに触れない場合
リサーチ(非モデレーティッド) Maze $99/月 月1件未満の場合
リサーチ(モデレーティッド) UserTesting 約$25K+/年 四半期4件未満の場合
リサーチ(シンセシス) Dovetail $99/ユーザー/月 ソロデザイナーで年5件未満の場合
セッションリプレイ HotjarまたはFullStory $32〜199+/月 月間セッションが1万件未満の場合
プロダクトアナリティクス Amplitude / Mixpanel / PostHog 無料ティア〜見積もり なし
Design system + ハンドオフ Figma Dev Mode + Storybook $25/デブ + 無料 なし

小チーム(3デザイナー、5エンジニア、控えめなトラフィック)での合計:オールインで約$200〜280/デザイナー/月。中規模(10デザイナー、20エンジニア、実際のトラフィック):$300〜450/デザイナー/月。コアの6つで$500/デザイナー/月を超えているなら、ツールの問題ではなく監査の問題があります。

30日間のスタック監査

これはほとんどのチームがスキップして、後でツールの散乱を嘆く部分です。4週間を確保してください。カレンダーに入れてください。やることはこれです。

1週目:棚卸し

すべてのツール、すべてのシート、すべての更新日、すべてのオーナー、すべての月額コストを一覧にしてください。1枚のスプレッドシートに。カラム:ツール、カテゴリ、シート数、オーナー、月額費用、最終ログイン(管理者から取得)、更新日、契約条件。

最終ログインのカラムについて正直になってください。ツールを90日間誰も開いていなければ、キャンセル候補です。180日間誰も開いていなければ、候補ではなく確定された廃止です。

1週目のアウトプットは1つの数字:デザイナーあたりの月次スタック費用の合計。ほとんどのチームはこれを計算したことがありません。数字は普通、人々が推測する額の2倍です。

2週目:各カテゴリで1つを選ぶ

コアの6つを取り上げます。それぞれについて、ちょうど1つのツールを選んでください。各選択とその理由を1文でドキュメント化してください。数えられる理由:「チームがすでに知っている」「すでに支払い済み」「アナリティクススタックと連携している」。数えられない理由:「ずっと使ってきた」「シニアデザイナーが好む」。

2週目のアウトプットは6行の1ページのドキュメント。ツール、理由、オーナー。

3週目:移行または廃止

これが辛い週です。棚卸しにあるが選択リストに入らなかったものはすべて廃止日を設定します。データを移行して、契約をキャンセルして、シートを再配布します。2つのプロトタイプツールが1つになります。3つのリサーチツールが2つになります(時には1つに)。重複する8つのFigmaプラグインが2つになります。

廃止は事前に伝えてください。デザイナーは好きなツールを失うことに抵抗します。抵抗のほとんどは感傷的なものであり、業務上のものではありません。「このツールでなければできない仕事は何か?」と聞いてください。答えが曖昧なら廃止です。

4週目:ドキュメント化と共有

「デザインスタック」ドキュメントを1ページで書いてください。6カテゴリ、選んだツール、価格、オーナー、アクセス方法、チームライブラリとアカウントへのリンク。PMとエンジニアリングと共有してください。デザインチャンネルにピン留めしてください。四半期ごとに更新してください。

このドキュメントが成果物です。ドキュメントが存在しなければ、監査は行われていません。チームは四半期以内に23件のサブスクリプションのNotionページに戻り始めます。

4週目のアウトプットは、チームの誰も「リサーチの結果はどこに置くんだっけ?」と聞かなくなることです。その質問だけで、10人チームでは週に何時間もかかります。

よくある落とし穴

チームが1回以上繰り返し陥っているのを見てきたいくつかの罠です。

プロセスの問題をツールで解決しようとする。 リサーチツールはステークホルダーにレポートを読ませません。design systemのツールはエンジニアがコンポーネントをフォークするのを止めません。ハンドオフツールはPMがより良い仕様を書くようにしません。ボトルネックが人間にある場合、SaaSのサブスクリプションは解決しません。正しい対応は難しい会話であり、調達リクエストではありません。

セッションリプレイをアナリティクスと混同する。 セッションリプレイはあるユーザーが何をしたかを教えます。アナリティクスは1万人のユーザーが何をしたかを教えます。それらは異なる問いに答えます。HotjarがMixpanelを置き換えると思って買ったチームは、どちらのカテゴリも適切にカバーされないまま終わります。

FigmaをDesign systemとして扱う。 FigmaはDesign systemがデザインツールの中に生きている場所です。StorybookはDesign systemがコードの中に生きている場所です。NotionまたはZeroheightはDesign systemがドキュメントの中に生きている場所です。3つすべてが重要です。単なるFigmaライブラリの「design system」は、コンポーネントキットであり、systemではありません。

ソロやデュオのチームにエンタープライズツールを買う。 四半期に2件のスタディしか実施しない1人のリサーチャーのために$30K/年のUserTestingは、価値ではなく苦痛です。年間12件のスタディを持つ1人のユーザーのための$99/ユーザーのDovetailは問題ありません。数学は実際の使用量で機能しなければなりません。理想の使用量ではなく。

更新を自動操縦にする。 すべての更新の60日前にカレンダーリマインダーを設定してください。そのウィンドウを使って交渉するかキャンセルしてください。ベンダーは更新時のプッシュバックを想定しています。最初の年をフックとして価格設定しています。一度も交渉しないチームは、毎年交渉するチームより3年間で30〜50%多く支払います。

「完了」はどう見えるか

監査が機能したとわかるのは、3つのことが真実になったときです。

ドキュメントを開かなくても、すべてのツール、すべての価格、すべてのオーナー、すべての更新日を言えます。デザイナーあたりの総費用は、財務パートナーに対して守れる数字です。エンジニアは仕様が必要なときにどこを見れば良いかを正確に知っており、Slackで聞くのをやめます。

それだけです。23件のサブスクリプションのNotionページはもうありません。2年前に退職したデザイナーのカードへの謎の請求はもうありません。「リサーチツールを持っていたと思うけど、どこにあるんだろう?」はもうありません。スタックは見えなくなります。これが良いスタックのあるべき姿です。必要なときは存在し、必要でないときは沈黙している。

私が知っている最高のデザイナーは、自分のスタックについてほとんど考えません。一度選んで、年に一度監査して、残りの時間は仕事をリリースしています。それが基準です。

関連記事