IA aplicada al diseño web
Una captura puede contener más que el diseño que quieres revisar: nombres, correos, pestañas abiertas, pedidos o enlaces de acceso. Antes de enviarla a una IA conviene mirar qué estás compartiendo realmente.
Esta guía sobre datos y privacidad al usar IA propone una revisión práctica del material de un proyecto web. Trabajaremos con ejemplos ficticios. No es asesoramiento jurídico ni sustituye las condiciones, permisos y obligaciones aplicables a cada caso.
Separa lo público, lo interno y lo sensible
Que un dato esté disponible para ti no significa que puedas enviarlo a cualquier servicio. Un texto ya publicado, un borrador confidencial y un registro de solicitudes tienen implicaciones distintas.
La AEPD recomienda limitar los datos personales compartidos con chatbots y advierte de que sus respuestas pueden contener errores. Antes de usar una herramienta, revisa sus condiciones, conservación de datos, accesos y opciones disponibles para tu cuenta.
Para aprender o explorar una composición, la opción más sencilla suele ser preparar un material ficticio que conserve la estructura necesaria. No necesitas la base de clientes para decidir el espaciado de una tabla.
Ejemplo didáctico propio con un proyecto ficticio. Amplía la imagen para consultar el esquema.
Prepara una copia de trabajo que sirva para diseñar
En el taller de cerámica, sustituye las solicitudes reales por registros inventados: nombres ficticios, correos de ejemplo y mensajes creados para la prueba. Mantén variedad de longitudes y casos, porque esos extremos revelan problemas de diseño.
Usa dominios reservados como example.com para los correos del ejemplo. Una cadena aparentemente inventada podría pertenecer a alguien si utiliza un dominio real.
- Crea un archivo nuevo; conserva el original en su ubicación autorizada.
- Sustituye identificadores y contenido privado por valores ficticios.
- Incluye un nombre largo, una ausencia de dato y un mensaje extenso.
- Revisa también comentarios, metadatos, enlaces y hojas ocultas.
- Marca el conjunto como datos de demostración.
Cambiar nombres en un documento real puede ser una seudonimización, no una anonimización completa. Si la combinación de detalles permite reconocer a alguien, el riesgo sigue existiendo. Para esta práctica, crea los datos desde cero.
Revisa la captura antes de enviarla
Recorta la imagen al área necesaria. Cierra o excluye paneles que no aporten nada a la consulta. Revisa barra del navegador, notificaciones, nombre de cuenta, conversaciones y enlaces privados.
Difuminar un texto puede ser insuficiente si todavía se adivina. Cuando no sea necesario mostrarlo, elimina esa zona de la copia o sustitúyela por un bloque opaco. Comprueba el archivo exportado, no solo la vista del editor.
No introduzcas claves API, contraseñas ni enlaces de acceso en prompts, capturas o código de ejemplo. Si aparecen, detén esa transferencia y sigue el procedimiento de seguridad del proyecto.
Ejemplo didáctico propio con un proyecto ficticio. Amplía la imagen para consultar el esquema.
Pide una revisión con el mínimo contexto útil
Una consulta precisa necesita datos relevantes, no todos los datos. Para revisar una tarjeta puedes compartir el objetivo, el contenido ficticio, los tamaños y la captura recortada.
Este encargo permite discutir la jerarquía sin aportar información de personas reales.
Encargo de ejemplo
Esta tabla usa datos ficticios. Revisa si un nombre largo, un correo extenso y un mensaje vacío rompen la composición en móvil. Describe los problemas observables en la captura. No necesitas inferir perfiles ni proponer decisiones sobre las personas representadas.
Si la herramienta pide conectar una cuenta o ampliar permisos, comprueba para qué los necesita. Una recomendación automática no autoriza esa conexión.
Revisa también los recursos y la salida
Guarda la procedencia y licencia de fotografías, iconos, fuentes y capturas. Que una IA sugiera un recurso no confirma tus derechos para publicarlo. Si no puedes comprobar la autorización, utiliza otro recurso con condiciones claras.
Antes de publicar, busca nombres, datos de contacto, cifras y testimonios introducidos durante las pruebas. Sustituye los ejemplos o identifícalos como demostración cuando deban seguir visibles.
Conserva un registro sencillo: qué material compartiste, con qué herramienta y para qué tarea. La guía de IA aplicada al diseño web continúa con revisión de código, pruebas y documentación.
Comparte el contexto que permite resolver la tarea. Conserva fuera de la consulta la información que no necesita viajar.




