Synspear/Page Guide Builder

    Page Guide Builder

    Capture the guide on the screen you need to explain.

    Pin a bubble to what you click, chain the next step, and customers can follow the same path.

    문서가 아니라, 화면에서 안내하세요

    스크린샷 문서와 영상 편집 없이도, 그 페이지에서 바로 단계형 가이드를 만들 수 있습니다.

    기존 방식

    • 스크린샷 + 문서 작성에 시간 소요
    • 화면이 바뀌면 문서가 금방 낡음
    • 어느 버튼인지 말로만 설명하기 어려움
    • 영상 촬영·편집이 부담

    Page Guide Builder

    • 실제 페이지에서 바로 단계 녹화
    • URL·스냅샷 기준으로 재생
    • 하이라이트 + 말주머니로 위치 고정
    • 단계 전환형 인터랙티브 가이드

    세트 → 페이지 → 단계

    설명서는 세 계층으로 구성됩니다. 여러 페이지에 걸친 흐름도 한 세트로 이어 갈 수 있습니다.

    01

    세트

    하나의 완성된 설명서입니다. 예: 회원가입 안내.

    02

    페이지

    세트를 구성하는 웹 화면(URL) 단위입니다.

    03

    단계

    페이지 안 특정 요소 + 말주머니 멘트 + 하단 안내입니다.

    주요 기능

    From capture to preview to HTML or PDF export.

    Record & edit

    Pick UI targets, write bubbles with direction and entrance effects (fade, pop, bounce, zoom, and more), and reorder steps by drag.

    Preview & play

    Review the flow with highlights, bubbles, and previous/next footer. Your entrance effect plays the same way in preview.

    Multi-page

    Continue the story on another page and keep per-page snapshots.

    HTML · PDF · 영상 내보내기

    완성 후 HTML(오프라인 재생), PDF, 또는 단계 재생 영상(WebM)으로 내려받습니다.

    요금

    가볍게 시작하고, 필요할 때 Premium으로 확장하세요.

    Free
    $0

    Starter

    Generous trial limits

    • 1 guide set
    • Up to 5 steps per set
    • HTML · PDF · 영상 내보내기 제한

    사용 흐름

    클릭만으로 재사용 가능한 설명서를 남길 수 있습니다.

    확장 팝업에서 설명서 네비게이션을 켜거나 Alt+Shift+G를 누릅니다.

    세트를 선택하거나 새 세트를 만듭니다.

    개체선택(녹화)으로 UI를 클릭하고 말주머니·효과를 작성한 뒤 단계를 저장합니다.

    필요하면 다른 페이지로 이어가며 단계를 추가합니다.

    미리보기 후 완성 → HTML, PDF 또는 영상으로 내보냅니다.

    Coming soon

    Chrome Web Store에 곧 공개됩니다

    지금은 개발자 모드에서 압축 해제된 확장으로 로드해 바로 체험할 수 있습니다.

    스토어 준비 중

    Google Chrome 또는 Chromium 기반 브라우저가 필요합니다.