Description from extension meta
Вайрфреймы для Chrome. Создайте скетч на 'живой' веб-странице и сохраните мокап
Image from store
Description from store
UI Builder – Mockup Tool — это инструмент для быстрого создания мокапов, которое позволяет вам набрасывать макеты интерфейсов прямо на веб-странице или на новом пустом холсте. "На ходу" показывайте заказчикам и согласовывайте возможные изменения дизайна напрямую на сайте.
🔵 Создано для дизайнеров, владельцев продуктов, разработчиков и бизнес-аналитиков, которым нужны мгновенные макеты без выхода со страницы. Перетаскивайте (Drag-and-drop) нарисованные вручную виджеты, плавно изменяйте их размеры, редактируйте текст прямо на месте, быстро делайте скриншоты и делитесь ими — всё происходит на 100% локально в вашем браузере для быстрой прототипизации.
🔹 Мгновенные wireframe-макеты — превращайте любой сайт (или пустой холст) в площадку для создания макетов
🔹 Настоящее 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"** уже сегодня и начните создавать wireframe-макеты для веба в один клик!