GuideBoxScreen

클릭한 요소에 번호 테두리를 잡아주는 스크린샷 도구. 마스킹·박스 추가·배지/설명 편집과 여백 확장 내보내기까지, 가이드 작업을 확장 하나로 끝내세요.

GuideBoxScreen — 클릭으로 완성하는 가이드 스크린샷 Figma나 PPT를 열어 스크린샷 위에 번호 테두리를 하나씩 그리고 계셨나요? GuideBoxScreen은 설명하려는 요소를 클릭하기만 하면 그 크기에 딱 맞는 번호 테두리를 자동으로 잡아줍니다. 캡처부터 편집, 저장까지 확장 하나에서 끝납니다. ■ 이렇게 씁니다 1. 캡처할 페이지를 열고 확장 아이콘을 눌러 요소 선택 모드를 켭니다 2. 설명하려는 버튼이나 입력창을 클릭하면 번호 박스가 생깁니다 3. 캡처 범위를 고르고 "캡처하기"를 누릅니다 (전체 페이지 / 보이는 화면 / 박스 주변 자동 / 직접 그리기) 4. 열린 편집기에서 순서와 색, 설명을 다듬고 PNG 또는 JPG로 저장합니다 ■ 주요 기능 · 요소에 맞는 자동 테두리 — 영역을 손으로 그릴 필요 없이 클릭한 요소의 크기를 그대로 따갑니다. Shift+클릭으로 여러 요소를 한 박스로 묶고, Backspace로 잘못 고른 요소를 뺍니다 · 전체 페이지 캡처 — 스크롤을 따라 나눠 찍어 한 장으로 잇습니다. 고정 헤더가 구간마다 반복되지 않게 처리합니다 · 필요한 만큼만 캡처 — 전체 페이지, 지금 보이는 화면, 선택한 박스 주변, 드래그로 직접 그린 영역 중에 고릅니다 · 캡처 후 편집 — 박스를 옮기거나 크기를 바꿀 때 다른 박스에 맞춰주는 정렬 안내선이 뜹니다. 테두리 색·두께·선 유형·둥글기와 채움 색을 박스마다, 또는 모든 박스에 한꺼번에 적용합니다 · 번호와 설명 — 1 / A / a / I 표기 선택, 박스별 번호 끄기, 목록 드래그로 순서 변경. 설명은 여러 줄로 적고 원하는 자리로 옮길 수 있습니다 · 편하게 다듬기 — 되돌리기(Ctrl+Z), 저장될 모습 그대로 보는 미리보기, 창에 맞춘 확대·축소 ■ 이런 분들께 추천합니다 · 제품 사용 가이드와 튜토리얼 문서를 자주 만드는 기획자, PM, QA 담당자 · 온보딩 자료나 매뉴얼을 위한 스크린샷 작업이 반복되는 팀 · 캡처 도구와 편집 도구를 오가며 번호 매기기에 시간을 쓰고 있는 모든 분 ■ 개인정보 캡처한 이미지와 편집 내용은 브라우저 밖으로 나가지 않습니다. 외부 서버로 보내지 않고 수집하거나 분석하지 않습니다. 임시 보관한 캡처는 편집기를 닫을 때 지워지고, 남은 것도 하루가 지나면 자동으로 정리됩니다. 아이콘을 누른 그 탭에서만 동작하므로 모든 사이트의 데이터를 읽는 권한도 요구하지 않습니다. ■ 알아두세요 · 캡처하는 동안에는 다른 창이나 탭으로 옮기지 마세요 · chrome:// 페이지와 크롬 웹 스토어에서는 브라우저 정책상 동작하지 않습니다 · 무한 스크롤 페이지는 캡처 전에 끝까지 한 번 내려두면 빠짐없이 담깁니다 여러 도구를 오가지 않고, 브라우저 안에서 가이드 이미지를 끝내세요.