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"** 확장 프로그램을 추가하고 클릭 한 번으로 웹 와이어프레임을 시작하세요!
Latest reviews
- (2025-05-12) Game Top: Really handy tool for quick wireframes and mockups right in Chrome. Easy to use, no bloat, and perfect for sketching ideas fast without opening design software. Love that it works offline and keeps everything local.
- (2025-05-10) Brian Cooper: Such a cool tool! The best part is being able to immediately interact with existing web UI. Especially nice for sketching quick wireframe ideas.
- (2025-05-09) לירן בלומנברג: Super handy tool! Great for quick wireframing and sketching ideas directly on live pages. Loved the drag-and-drop experience and how smooth everything feels. Perfect for fast client demos or product mockups — no fluff, just works. Highly recommended!
- (2025-05-07) coolman123: it looks good but how do i use it
- (2025-05-07) Nikita Dorofeev: Ideal for video meetings
- (2025-05-03) Marc-Olivier Poissant: Very intuiative !
- (2025-05-02) Craig: This is an awesome tool! The blank canvas is cool, but I love that I can place elements on my existing website to try out new layouts over my current version.