CRX id
kcaolbnngiaedjenblchphhmmlcmajmi
kcaolbnngiaedjenblchphhmmlcmajmi
Description from extension meta
Wireframes de UI en Chrome. Arrastra elementos estilo boceto, redimensiónalos y captura pantallas fácilmente.
Image from store
Description from store
UI Builder – Mockup Tool es una herramienta rápida de Web Wireframe y Web Design Tool que te permite crear bocetos de diseños de UI en cualquier página en vivo o en una nueva página en blanco. Muestra rápidamente a los clientes posibles cambios de diseño directamente en el sitio web, sin cambiar de herramientas.
🔵 Creado para diseñadores, propietarios de productos, desarrolladores y analistas de negocios que necesitan mockups instantáneos sin salir de la página. Arrastra y suelta widgets dibujados a mano (Drag-and-drop), redimensiónalos suavemente, edita texto en su lugar, captura capturas de pantalla rápidamente y comparte — todo 100 % localmente en tu navegador para prototipado rápido.
🔹 Wireframes instantáneos – convierte cualquier sitio (o un lienzo en blanco) en un espacio de trabajo para mockups
🔹 WYSIWYG real – edita etiquetas de botones, encabezados y colores directamente en la pantalla
🔹 Compatible con teclado – Ctrl/⌘ + C/V para duplicar, Delete para eliminar, Esc para cancelar
🔹 Exportaciones perfectas – guarda el área seleccionada como PNG o copia la captura de pantalla al portapapeles
🔹 Privacidad ante todo – sin solicitudes de red, análisis ni rastreadores; los datos se almacenan en chrome.storage.local
🔹 Ligero – se inyecta solo bajo demanda, manteniendo la navegación rápida
1️⃣ Instala y fija el icono en la barra de herramientas
2️⃣ Haz clic en UI Builder – aparecerá la paleta
3️⃣ Arrastra widgets (botones, encabezados, campos de entrada, marcos, divisores…) a la página o al lienzo en blanco
4️⃣ Redimensiona o recolorea hasta que se vea perfecto
5️⃣ Presiona el icono de disco, dibuja un área de selección, confirma con ✓ – obtén tu PNG o pégalo directamente en Slack / Figma / Jira
Perfecto para:
🔹 hacer bocetos rápidos de ideas antes de abrir herramientas de diseño pesadas
🔹 anotar sitios web de clientes durante llamadas en vivo
🔹 enseñar principios básicos de diseño web sin software adicional
🔹 crear capturas de pantalla de productos para especificaciones y tickets
🚀 ¡Añade la extensión de Chrome **"UI Builder – Mockup Tool"** hoy y empieza a crear wireframes para la web con un solo clic!