Páginas de lanzamiento de producto
Prueba un titular, una oferta y un formulario de registro antes del día de lanzamiento.
Generador de mockups de sitios web con IA
Describe un sitio o adjunta un boceto. Manus lo convierte en una maqueta de sitio web clicable y de alta fidelidad para escritorio y móvil.
Ejemplo de maqueta de sitio web: un resumen, dos pantallas
Un buen resumen nombra la marca, las secciones, el estilo y las pantallas. Aquí hay uno que cubre los cuatro puntos.
Un diseño ilustrativo para una marca ficticia. Tu maqueta sigue tu propio brief.
Entradas del generador de maquetas de sitios web: una frase, un boceto o una captura de pantalla
Usa lo que ya tienes. Añade imágenes con el botón + en el cuadro de arriba.
¿Ya tienes el diseño en Figma? Usa Figma to code para convertir un marco en una aplicación web funcional.
Ideas de mockups para sitios, tiendas y apps
Elige un ejemplo para poner su solicitud en el cuadro de arriba, luego cambia los detalles.
Tiendas en línea
Mira una página de inicio, una página de producto y un carrito antes de elegir una plataforma.
Pantallas de aplicaciones web
Muestra a inversores o ingenieros cómo deberían verse las pantallas principales.
Portafolios
Prueba varias formas de presentar tu trabajo antes de escribir cada caso de estudio.
Restaurantes y negocios locales
Coloca el menú, el horario y el botón de reserva donde los invitados miren primero.
Presentaciones para clientes
Lleva dos direcciones de diseño a la primera reunión con el cliente.
Wireframe vs mockup vs prototipo
Un wireframe muestra la estructura, una maqueta muestra el aspecto final y un prototipo muestra cómo se comporta.
Muestra tu sitio en una laptop y un teléfono
Convierte una captura de pantalla en una maqueta de dispositivo para diapositivas, portafolios y publicaciones de lanzamiento.
Adjunta una captura de pantalla e indica qué dispositivos y escena quieres. Obtendrás un archivo de imagen para una presentación, un portafolio o una publicación de lanzamiento.
- Elige los dispositivos: portátil, monitor de escritorio, tableta o teléfono
- Describe la escena: un escritorio, un fondo de estudio liso o una mano
- Indica el tamaño, como 16:9 para diapositivas o 4:5 para publicaciones sociales
¿Necesitas un logo, un banner o gráficos sociales a juego? Prueba diseño con IA.
Convierte la maqueta aprobada en un sitio en vivo
El mockup ya es una página web, así que puedes seguir construyéndola una vez aprobado el diseño.
Mira cómo el creador de sitios web de Manus añade inicios de sesión, bases de datos y pagos, o crea un sitio completo con el generador de sitios web con IA o una sola página con el creador de páginas de aterrizaje.
Preguntas frecuentes
¿Qué es una maqueta de sitio web?
Una maqueta de sitio web es una imagen realista de una página antes de que se construya: el diseño real, los colores, las fuentes, las imágenes y el texto. Se ubica entre un wireframe, que solo muestra la estructura, y el sitio terminado.
¿Cómo creo una maqueta de sitio web con IA?
Describe la página en el cuadro de la parte superior de esta página: para quién es, las secciones que necesitas y el estilo que te gusta. Manus crea la maqueta como una página web que puedes abrir en escritorio y móvil, y luego pides cambios en la misma tarea.
¿Es gratuito este generador de maquetas de sitios web?
Cada solicitud se ejecuta como una tarea de Manus, y las tareas usan créditos. Puedes ver las opciones de créditos en la página de Precios.
¿Puedo convertir un boceto o una captura de pantalla en un mockup?
Sí. Adjunta una foto de un boceto dibujado a mano, una pizarra o una captura de tu sitio actual, e indica qué mantener y qué cambiar. Manus usa la imagen como diseño inicial.
¿Funcionará el mockup en móviles?
Pide una página responsiva y Manus la organiza tanto para pantallas de escritorio como de teléfono. Abre la vista previa en tu teléfono, o pide una maqueta móvil separada si quieres comparar las dos.
¿Cuál es la diferencia entre un wireframe y un mockup?
Un wireframe usa cajas y marcadores grises para acordar la estructura. Un mockup añade el diseño visual, para que la gente pueda juzgar cómo se verá realmente la página. Un prototipo va un paso más allá y permite a la gente navegar por el flujo haciendo clic.
¿Puedo editar el mockup y conservar el código?
Sí. Pide cambios en la tarea, o usa el modo de edición de diseño para ajustar el diseño, los colores, la tipografía y el espaciado sin código. Puedes descargar el código completo en cualquier momento o seguir construyendo la página hasta convertirla en un sitio en vivo.
¿Puedo crear un mockup de dispositivo de mi sitio web?
Sí. Adjunta una captura de tu sitio y pide verlo en un portátil, teléfono o tablet en la escena que quieras. Manus genera la imagen para que la descargues.
Crea el mockup de tu próximo sitio web
Describe la página o adjunta un boceto, y revísala en escritorio y móvil.