Skip to content

PageFlowサイト全体をひと目で把握。

ページが増えるほど、画面遷移の全体像は見えにくくなります。PageFlow は、すべてのページと遷移経路を一枚のキャンバスにまとめます。

アプリケーションのページと遷移経路を再配置する PageFlow のアニメーション

対応バンドラー

対応フレームワーク

ページが増えるほど、全体像は見えにくくなる

アプリが成長すると、全体を一か所で把握できる人はいなくなります。開発者はルート定義、デザイナーはモック、テスターはテストケースを見て、それぞれが一部の流れを頭の中で補います。こうした認識はすぐにずれていきます。

PageFlow は実行中のアプリを読み取り、実際のページとリンクを同じ画面に配置します。どんなページがあり、ユーザーがどこへ進めて、どのページにテストがあるかを一画面で確認できます。

数分ではじめる

bash
pnpm add -D unplugin-pageflow

開発設定に PageFlow を追加してアプリを起動し、プラグインが出力する URL を開きます。

スタートガイドを読む →

PageFlow を詳しく知る

基本ワークフロー

開発ツールとの連携

問題を解決する

MIT ライセンスで公開されています。