---
title: "Diseño web: Qué es el diseño de prototipos"
date: 2019-08-08T17:27:37Z
modified: 2025-05-04T21:20:50Z
permalink: "https://razzobit.cl/blog/diseno-web/diseno-web-que-es-el-diseno-de-prototipos/"
type: post
status: publish
excerpt: En algunos casos, el diseño de un sitio web puede ser complejo, por esa razón es importante consensuar el diseño de interfaz y la experiencia de usuario con alguna herramienta que le permita ver al cliente cómo se podrá ver el sitio web.
wpid: 298
categories:
  - Diseño web
featured_image: "https://razzobit.cl/wp-content/uploads/2019/08/diseño-web-protipos-adobe-xd-thumb.jpg"
timestamp: 2025-05-04T21:20:50Z
tags:
  - Diseño web
---

Para [diseñar una página web](https://razzobit.cl/wp-content/uploads/wp-mfa-exports/page/home-v2.md), antes se realizan bosquejos a mano, luego se digitalizaban. Después comenzaron a aparecer herramientas como Balsamiq Mockups que permitía diseñar bosquejos del tipo wireframes (estructura de alambre) y eran medianamente navegables ya que se podían crear enlaces.

![Diseño web - Prototipos -Adobe XD](https://static.razzobit.cl/2019/08/diseño-web-protipos-adobe-xd.jpg)

Después aparecieron nuevas herramientas más avanzadas como Sketch, Axure o Adobe XD, las cuales permiten realizar prototipos más funcionales y con características responsive.

En Razzobit trabajamos con [Adobe XD](https://www.adobe.com/la/products/xd.html) porque es multiplataforma y porque tiene una mejor integración con otras herramientas que utilizamos como Adobe Illustrator y Adobe Photoshop.

Esta herramienta permite exportar un enlace, el cual puede ser compartido con el cliente para que pueda revisar el diseño y la interacción del sitio, claro, con algunas limitaciones, ya que esto simplemente sirve para aprobar el diseño.

Puede que se necesario pasar a Photoshop para obtener el diseño final, y luego pasa a desarrollo con una gran cantidad de especificaciones técnicas que ayudan a la persona encargada de convertir ese prototipo en un sitio web real.