プロトタイピングツール とは？

一番の違いは「操作できる」ことだよ。画面と画面をつないで、ボタンを押したら次の画面に移る、といったやり取りを再現できるんだ。静止画だけでは伝わりにくい使い勝手を、実際に触って確かめられるよ

作り込む前に案を試すのが目的だから、すぐに直せることが大事なんだ。調査で問題を見つけるほうが、公開後にお客さんが困ってから直すよりずっと安く済むと言われているよ。もちろん、表示速度など実装しないとわからない点もあるね

Figmaがよく使われていて、画面をつないでクリックやタップの動きを設定できるよ。閲覧権限がある人なら、プレゼンテーション表示で試せるんだ。昔よく使われたAdobe XDは新機能の開発が止まった保守モードで、InVisionは2024年末でサービスを終えたから、古い記事の情報には注意しようね

「忠実度（Fidelity）」で考えるよ。操作できる範囲、見た目、中身の作り込みの3つの度合いがあって、紙に手書きする低忠実度は準備が早くてテスト中にも直しやすい。本物そっくりの高忠実度は、細かい部品や流れまで確かめられるんだ

便利だよ。FigmaのDev Modeを使えば、寸法や色などの指定を確認したり、コードの断片を表示したりできるんだ。ただしDev Modeは有料プランの対応する席（シート）が必要で、表示されたコードをそのまま本番に使えるとは限らないよ