Skip to content

PageFlow앱 전체를 한눈에 확인하세요.

페이지가 늘어날수록 탐색 흐름을 파악하기 어려워집니다. PageFlow는 모든 페이지와 연결 경로를 하나의 명확한 캔버스에 펼쳐 보여 줍니다.

애플리케이션 페이지와 탐색 경로를 재배치하는 PageFlow 애니메이션 지도

지원 번들러

지원 프레임워크

페이지는 늘고, 전체 모습은 흐려집니다

앱이 커지면 누구도 전체를 한곳에서 보기 어렵습니다. 개발자는 라우트 파일을 읽고, 디자이너는 시안을 확인하며, 테스터는 테스트 케이스를 따라갑니다. 각자 머릿속에 흐름의 일부만 담고 있어 이런 관점은 빠르게 어긋납니다.

PageFlow는 실행 중인 앱을 읽어 실제 페이지와 링크를 함께 배치합니다. 하나의 화면에서 무엇이 존재하고, 사용자가 어디로 이동할 수 있으며, 어떤 페이지에 테스트가 있는지 파악할 수 있습니다.

몇 분 만에 시작하기

bash
pnpm add -D unplugin-pageflow

개발 설정에 PageFlow를 추가하고 애플리케이션을 시작한 다음 플러그인이 출력한 URL을 여세요.

시작 가이드 읽기 →

PageFlow 살펴보기

작업 방식 이해하기

개발 도구 연결하기

답 찾기

MIT 라이선스로 공개됩니다.