1. Crea Mockups de sitio web
Create Website Mockups Hero Banner

Generador de mockups gratis para webs

Fáciles de crear y personalizar

Sube tus propias imágenes

Diseño y formato profesional

Descarga o compartelas con facilidad


Acerque su web a la realidad con una impresionante mockup de web. Descubre cómo puedes afinar tu diseño y presentarlo a clientes, inversores y partes interesadas. Usa el web online gratuito de Canva o el generador de mockup de teléfono(se abre en una ventana nueva) para comunicar tus ideas visualmente en unos pocos clics, de forma gratuita.

Create Website Mockups Lead

Aparecer vida en el diseño de su web

Desarrollar un espacio virtual puede llevar meses antes de que esté listo, pero una mockup gratuita de un web se puede hacer en segundos. Prueba el creador del mockup del web de Canva para refinar y revisar instantáneamente el aspecto final de tu web. Facilitamos la producción de maquetas de web fotorrealistas que presentan tu diseño en una variedad de pantallas y dispositivos.

Utiliza nuestra cuidada colección de plantillas de mockup para ayudarte en cada etapa de tu proceso de diseño. Pon a prueba tus ideas iniciales, muéstralas a las partes interesadas y luego aborda los problemas de diseño y funcionalidad en función de los comentarios. Pula tu producto final y agrégalo a tu portafolio de diseños. Con el generador de mockup del web online de Canva, transformar conceptos en creaciones vivas es muy fácil.

Cómo diseñar maquetas para webs

Principio de la lista: Cómo diseñar maquetas para webs

Abre Canva

Abre Canva para acceder al diseñador de mockup de nuestra web. En la página de inicio, hacer clic en Aplicaciones y elegir Mockups. Escribe "Sitio web" en la barra de buscar para comenzar tu proyecto de diseño.

Escoger una plantilla de mockup

Explora nuestra colección de plantillas de mockup para tu web. Elige entre una amplia gama de tamaños de pantalla y dispositivos. Luego, haz hacer clic en la plantilla elegida.

Sube el diseño de tu web

Sube el diseño de tu web a la plantilla haciendo clic en Seleccionar. Elige entre tus imágenes y diseños subidos anteriormente en Canva o hacer clic en Subir para añadir una nueva imagen a tu mockup.

Retoca el mockup de tu web

Una vez que tengas una vista previa de la mockup de tu web, puedes hacer ajustes haciendo clic en Ajustar imagen. Modifica el tamaño, la alineación y la orientación de tu diseño en el mockup. A continuación, pulsa Guarda.

Descargar o usar en un diseño

Haz clic en Guarda la mockup para finalizar tu trabajo. Elige Descargar para guardar tu mockup como un archivo PNG de alta resolución o utilízalo en otro proyecto de Canva seleccionando Usar en un diseño.
Final de la lista: Cómo diseñar maquetas para webs
Crea un mockup web

Abre Canva para acceder al diseñador de mockup de nuestra web. En la página de inicio, hacer clic en Aplicaciones y elegir Mockups. Escribe "Sitio web" en la barra de buscar para comenzar tu proyecto de diseño.

Explora nuestra colección de plantillas de mockup para tu web. Elige entre una amplia gama de tamaños de pantalla y dispositivos. Luego, haz hacer clic en la plantilla elegida.

Sube el diseño de tu web a la plantilla haciendo clic en Seleccionar. Elige entre tus imágenes y diseños subidos anteriormente en Canva o hacer clic en Subir para añadir una nueva imagen a tu mockup.

Una vez que tengas una vista previa de la mockup de tu web, puedes hacer ajustes haciendo clic en Ajustar imagen. Modifica el tamaño, la alineación y la orientación de tu diseño en el mockup. A continuación, pulsa Guarda.

Haz clic en Guarda la mockup para finalizar tu trabajo. Elige Descargar para guardar tu mockup como un archivo PNG de alta resolución o utilízalo en otro proyecto de Canva seleccionando Usar en un diseño.
Crea un mockup web

Maquetas web adaptables, al alcance de tus dedos

Descubre cómo se vería tu web en varias pantallas, dispositivos y configuraciones, incluso antes de que se desarrolle. Aprovecha el generador de web mockup de Canva y presenta tu diseño web de una manera cautivadora. Busca y elige entre nuestra extensa biblioteca de plantillas de mockup adaptativo. Desde teléfonos inteligentes y tabletas hasta ordenadores portátiles y pantallas de escritorio, crea rápidamente un mockup de web de forma gratuita, sin importar tu dispositivo.

Los ejemplos de mockup de nuestro web vienen en diferentes fondos, configuración y ángulos. Elija uno que se alinee con su visión y añada atractivo visual a la presentación de su web. Con Canva, es posible crear maquetas de web realistas que impresionarán al público y aprobarán tu diseño.

Modifica tu mockup como más te guste

Cuando produzcas maquetas, querrás una herramienta que te permita hacer más que poner tu diseño en una plantilla y terminarlo. Con nuestra herramienta gratuita de mockup de web, puedes adaptar tu mockup de acuerdo con tus especificaciones. Elige si el diseño de tu web debe rellenar o ajustarse a la pantalla. Ajustar la alineación y cambiar la orientación volteando el diseño vertical u horizontalmente. Luego, guarda tu trabajo en tu cuenta de Canva para que puedas acceder y editar sobre la marcha.

Impresiona al público con una impresionante presentación en un web

Una presentación profesional y atractiva en el web hace que sea más fácil impresionar a los clientes y atraer nuevos clientes. Ya sea un principiante o un diseñador experimentado, aproveche al máximo nuestro generador de mockup para web multidispositivo para mostrar sus habilidades. Una vez hecho esto, compartir al instante con los clientes, inversores y partes interesadas. ¡Incluso puedes usarlo como material promocional para el lanzamiento de tu nuevo web!(se abre en una ventana nueva)

También puedes añadir tu mockup web a tu portfolio de diseños(se abre en una ventana nueva). En lugar de capturas de pantalla o enlaces, los clientes potenciales pueden ver mejor las características y componentes únicos de tu diseño. Con el generador de mockup web de Canva, puedes mejorar la calidad de tu trabajo y aumentar tu base de clientes en muy poco tiempo.

Preguntas frecuentes

Una mockup web muestra cómo se verá una página web o un web en pantallas y dispositivos antes de que se publique. Te permite ver la composición y la estructura de la web y muestra dónde aparecerán los elementos de diseño como el encabezado, el menú de navegación, el texto, los botones y las imágenes en el web.

Muchos software y aplicaciones de diseño te permiten crear mockups online. Pero para ahorrar tiempo y recursos, use nuestro generador de mockups para ordenadores y dispositivos móviles. Escoge entre nuestra galería seleccionada de plantillas de mockup realistas y archivo subido al diseño de tu web. Realiza ajustes en unos pocos clics con nuestras herramientas intuitivas. Luego, guarda y descarga tu mockup gratis para usarlo en el futuro.

Las maquetas de webs son una parte esencial del proceso de diseño web. Comunican visualmente cómo se verá el producto final, que se puede mejorar en función de los comentarios. Además, facilitan la detección y el tratamiento de los problemas iniciales de diseño y funcionalidad. Después de lanzar el web, puedes añadir tu mockup a tu cartera de diseño y atraer clientes potenciales.

Explora más recursos para mockup


Más diseños


Explorar plantillas