CRX id
kcaolbnngiaedjenblchphhmmlcmajmi
kcaolbnngiaedjenblchphhmmlcmajmi
Description from extension meta
Chrome에서 UI 와이어프레임. 스케치 스타일 요소를 드래그, 크기 조절, 스크린샷 저장.
Image from store
Description from store
UI Builder – Mockup Tool은 빠른 Web Wireframe 및 Web Design Tool로, 라이브 페이지나 새 빈 페이지에서 UI 레이아웃을 스케치할 수 있게 해줍니다. 도구를 전환하지 않고도 클라이언트에게 웹사이트 상에서 바로 디자인 변경 사항을 빠르게 보여줄 수 있습니다.
🔵 디자이너, 제품 관리자, 개발자 및 비즈니스 분석가를 위해 제작되었습니다. 이들은 페이지를 떠나지 않고 즉시 목업을 생성해야 합니다. 손으로 그린 스타일의 위젯을 드래그 앤 드롭(Drag-and-drop)하고, 부드럽게 크기를 조정하며, 텍스트를 제자리에서 편집하고, 빠르게 스크린샷을 캡처하여 공유할 수 있습니다 — 모든 작업은 100% 로컬로 브라우저 안에서 처리되어 빠른 프로토타이핑이 가능합니다.
🔹 즉각적인 와이어프레임 – 어떤 사이트(또는 빈 캔버스)도 목업 작업 공간으로 변환
🔹 진정한 WYSIWYG – 화면에서 버튼 라벨, 헤더, 색상을 바로 수정
🔹 키보드 친화적 – Ctrl/⌘ + C/V로 복사/붙여넣기, Delete로 삭제, Esc로 취소
🔹 픽셀 완벽한 내보내기 – 선택한 영역을 PNG로 저장하거나 스크린샷을 클립보드에 복사
🔹 개인정보 보호 우선 – 네트워크 요청, 분석, 트래킹 없음; 데이터는 chrome.storage.local에 저장
🔹 가벼운 무게 – 필요할 때만 로드되어 브라우징 속도를 유지
1️⃣ 툴바 아이콘 설치 및 고정
2️⃣ UI Builder 클릭 – 팔레트가 나타납니다
3️⃣ 버튼, 헤더, 입력창, 프레임, 구분선 등의 위젯을 페이지나 빈 캔버스에 드래그
4️⃣ 크기 및 색상을 조정하여 원하는 모양 완성
5️⃣ 디스크 아이콘을 눌러 영역을 선택하고 ✓로 확인 – PNG 파일을 저장하거나 Slack / Figma / Jira에 바로 붙여넣기
이런 상황에 적합합니다:
🔹 무거운 디자인 도구를 열기 전에 빠르게 아이디어 스케치
🔹 라이브 통화 중 클라이언트 웹사이트에 주석 추가
🔹 추가 소프트웨어 없이 웹 디자인 기본 원리 교육
🔹 제품 사양서 및 티켓용 스크린샷 생성
🚀 지금 Chrome에 **"UI Builder – Mockup Tool"** 확장 프로그램을 추가하고 클릭 한 번으로 웹 와이어프레임을 시작하세요!