Generador de maquetas web con vistas para móvil y escritorio
Generador de maquetas web
Generador gratis de maquetas web: wireframe y marcos de dispositivos | We.Inc
Planifica una página con wireframes para escritorio y teléfono o coloca una captura en un marco de navegador, laptop o móvil. Exporta PNG o imprime a PDF gratis en el navegador.
Dos herramientas en una. El modo wireframe sirve para planificar una página: elige las secciones, ordénalas y compara los diseños de escritorio y móvil. El modo marco de dispositivo presenta un diseño terminado: sube una captura y colócala en una ventana de navegador o marco de teléfono para una propuesta o publicación social. Ambos exportan PNG y funcionan en tu navegador. La captura nunca se sube.
Modo wireframe: marca las secciones de la página, muévelas hacia arriba o abajo y alterna entre escritorio y móvil. En móvil, las columnas se apilan como en la mayoría de los sitios adaptables.
Exporta el wireframe como PNG o imprímelo y elige Guardar como PDF.
Modo marco: sube una captura PNG, JPG o WebP (hasta 15 MB y 8,000 píxeles por lado). Elige una ventana de navegador o un marco de teléfono, un color de fondo y, si quieres, una etiqueta para la barra de direcciones.
La imagen se dibuja en un lienzo en tu navegador y se exporta como PNG al doble de la resolución de pantalla.
Cuando la estructura esté lista, envía el plan de secciones al creador de We.Inc como resumen inicial.
Empieza con la sección principal: explica en una línea qué haces y para quién.
Coloca pruebas (reseñas, logos, ejemplos) cerca del primer botón, donde la gente decide si confiar en ti.
Revisa primero el wireframe móvil. La mayoría de las visitas a los sitios de pequeños negocios llegan desde un teléfono.
Para los marcos de dispositivos, toma la captura con el ancho previsto: unos 1440 píxeles para un navegador y 390 para un teléfono.
Indica que las maquetas son maquetas al compartirlas para que nadie confunda el plan con un sitio activo.
Preguntas frecuentes
¿Cuál es la diferencia entre un wireframe y una maqueta?
Un wireframe es un esquema de cajas grises que muestra dónde va cada cosa. Una maqueta presenta el aspecto final, a menudo dentro del marco de un dispositivo. Esta herramienta ofrece ambos modos por separado e identifica cada exportación.
¿Se sube mi captura?
No. Tu navegador lee y dibuja la captura. No se envía a We.Inc ni a nadie más.
¿Puedo capturar aquí una imagen de un sitio activo?
No. Para capturar otro sitio se necesita un servidor con un navegador, que esta herramienta gratuita no tiene. Toma la captura tú mismo (las herramientas para desarrolladores del navegador pueden capturar toda la página) y súbela.
¿Puedo exportar un PDF?
Sí. Usa Imprimir y selecciona Guardar como PDF como impresora. La exportación PNG genera un archivo de imagen.
¿El generador de maquetas web es gratis?
Sí. No requiere registro, no añade marcas de agua ni tiene límites.
Planifica en móvil y presenta en escritorio
Los diseños equilibrados en una pantalla ancha suelen convertirse en un desplazamiento largo en el teléfono: tres columnas de funciones se apilan y la tabla de precios empuja el formulario de contacto muy abajo. Cambiar el wireframe a móvil te lo muestra pronto, cuando mover una sección sigue siendo un clic.
Los marcos de dispositivos sirven para la otra parte del trabajo: mostrar al cliente o a tu audiencia social el aspecto final de una página. Normalmente basta una captura sencilla dentro de un marco limpio.