보여주기만 하세요. Reflow가 자동으로 가이드로 만들어줍니다.
평소처럼 클릭하고 입력만 하세요. 클릭 동선을 추적해 번호 매긴 단계별 가이드로 정리하고, 누구나 실제 화면을 따라 그대로 익힐 수 있게 안내합니다.
Chrome 웹 스토어 심사 중 · 이메일을 남기면 출시되는 즉시 알려드려요.
가이드를 만드는 것보다, 같은 설명을 반복하는 게 더 힘듭니다
새 도구를 도입할 때마다 같은 일이 반복됩니다. 자료를 만드는 데도 오래 걸리고, 만들어도 잘 읽히지 않습니다.
가이드 1건 만드는 시간
화면을 캡처하고, 순서를 맞추고, 문구를 쓰고, 배포까지. 매뉴얼 하나에 반나절이 사라집니다.
되풀이되는 같은 질문
공들여 만든 매뉴얼은 잘 안 읽히고, 담당자는 화면을 보며 같은 절차를 다시 설명합니다.
중간에 멈추는 사람들
끝까지 따라오지 못하는 가장 큰 이유는, 자료 속 화면과 실제 화면이 다르게 느껴지기 때문입니다.
그래서 Reflow는 매뉴얼을 처음부터 쓰게 하지 않습니다. 한 번 시연하면, 클릭·입력·화면 전환이 그대로 단계별 가이드가 됩니다.
여러분이 매일 쓰는 웹앱 위에서 그대로 동작해요.
시연 한 번이면, 가이드가 완성됩니다
평소처럼 클릭하고 입력만 하세요. Reflow가 클릭·입력·화면 전환을 깔끔하게 번호 매긴 단계별 가이드로 정리합니다.
녹화
그냥 시연하세요. 아이콘 속 작은 버튼을 눌러도 진짜 컨트롤을 찾아 단계로 기록해요.
click → button("저장")자동 정리
행동 순서대로 번호가 매겨지고, 입력은 필드당 한 단계로. 빠진 단계는 그 자리에 끼워 넣어요.
step 1 · 2 · 3 …공유·내보내기
실제 페이지 위 스포트라이트로 따라 하게 하거나, 버튼 하나로 PDF·PPTX·HTML로 내보내세요.
PDF · PPTX · HTML그냥 시연하면, Reflow가 기록합니다.
- 진짜 좌클릭만 번호 단계로. 페이지가 만든 가짜 클릭은 무시.
- 무엇을 누르려 했는지 압니다 — 아이콘·SVG도 진짜 버튼으로 해석.
- 드롭다운·메뉴 인식 — 팝업 안에서 고른 항목을 정확히 기록.
- 클릭 직전 화면을 그대로 얼려, 모든 캡처는 '누르기 직전' 모습.
- 입력은 한 단계로 — blur·Enter·Tab 시점에 '입력: 값' 한 단계.
일반은 녹화+실행 · 고스트(바이올렛)는 녹화만 · 건너뛰기는 실행만 — 삭제·제출도 안전하게 문서화.
녹화는 내 브라우저 안에서만 — 개인정보를 수집하지 않아요
비밀번호·OTP·카드번호 같은 민감 정보는 길이만 기록하고 절대 담지 않아요. 실제 로그인·결제 흐름도 안심하고 녹화하세요.
화면을 어둡게, 단 하나만 환하게
- 스포트라이트 + 딤: 화면은 어둡게, 다음에 누를 곳만 또렷한 링으로 강조해 헷갈릴 일이 없어요.
- 스크롤·리플로우에 딱 붙음: 매 프레임 따라가고 3px만 어긋나도 즉시 재동기화.
- 다음 단계로 자동 스크롤, 값 힌트는 핀으로 고정.
- 메가 메뉴 안내: 메뉴를 열게 한 뒤 진짜 항목을 다시 짚음.
- 행동을 마치면 다음 단계로 알아서 넘어갑니다.
빠진 단계를, 정확히 그 자리에
중간에 한 단계를 빠뜨린 걸 깨달아도 처음부터 다시 녹화할 필요 없어요. 카드 사이 점선 '+추가' 슬롯을 누르면 바로 다음 행동이 그 자리에 끼워지고, 레일·재생·내보내기 전체의 번호가 자동 재정렬됩니다.
한 번 녹화, 어디로든 전달하세요
- PDF: A4 가로 2단 운영 매뉴얼 — 스크린샷 한 장이 아닌 따라 할 문서.
- PPTX: 단계마다 슬라이드 한 장인 진짜 편집 가능한 덱.
- HTML: 스크린샷까지 한 파일에 담겨 어디서나 열림.
- 내보내기 전 편집·크롭, 돋보기·화살표 콜아웃, 한국어/영어 토글.
한 번 시연하면, 모두의 가이드가 됩니다
신입 온보딩
신입이 첫날부터 혼자 해냅니다 — 매번 화면 공유로 설명하지 마세요.
업무 매뉴얼·SOP
매뉴얼을 다시 쓰지 말고 한 번 시연하세요 — 스크린샷 찍고 번호 붙이던 작업 끝.
고객 안내·셀프서비스
20단계 이메일 대신 따라가는 가이드를 보내세요 — 문의는 줄고 셀프서비스는 늘고.
팀 교육·소프트웨어 도입
새 시스템을 팀 전체에 빠르게 안착 — 복잡한 업무용 앱에서도 iframe 속 진짜 버튼을 짚어요.
설명서를 읽는 게 아니라, 가이드를 따라가는 중입니다
지금 이 페이지를 따라 내려가며 안내하는 스포트라이트 — 그게 바로 Reflow가 실제 페이지에서 하는 일이에요.
모드 토글을 눌러보세요 — 같은 하이라이트가 색을 바꿔요.
입력 힌트 — 값은 절대 보여주지 않아요:
격리된 레이어(pointer-events:none)에 그려져 페이지를 건드리지 않아요. 스크롤이 멈추면 애니메이션도 멈춥니다.
궁금한 점, 먼저 풀어드릴게요
시연 한 번이면 끝. 이제 직접 만들 차례예요.
출시되면 가장 먼저 알려드릴게요. 이메일만 남겨두시면 스팸 없이 출시 알림 한 통만 보내드립니다.
출시 시 무료 · 녹화·재생·내보내기 · 데이터는 내 브라우저 안에서만