✨ Visual Editor

close

palette Canvas & Background

Gradient:arrow_forward
Text Color:
135°

style Card Style

40px
16px

text_fields Typography

16px
Alejo
@ecommartinez
🚨 ULTIMA HORA: Claude Design puede ahora diseñar toda tu interfaz como un senior product designer a 800€/hora en Ueno. Gratis.

Aquí tienes 10 prompts que transforman una idea difusa en maqueta clicable en 48h:

(Guarda esto antes de que tu agencia te saque un presupuesto de 20.000€)
Thread image
Thread image
Thread image
Thread image
Alejo
@ecommartinez
⚠️ Antes de empezar, solo quería avisarte que con @Adamaestr0_, hemos creado una guía completa sobre Claude Code.

Por el momento es gratis, pero no va a durar.

El enlace aquí → alejoxadam.beehiiv.com/guia-claude-co…
Alejo
@ecommartinez
1. El Arquitecto de Información

"Eres un senior UX architect en IDEO con 12 años de experiencia estructurando productos digitales para Fortune 500, porque el 70% de los rediseños fracasan no por el visual sino por una arquitectura de información que nadie cuestionó antes de abrir Figma.

Necesito la arquitectura completa de mi producto antes de diseñar una sola pantalla.

Construye:

Inventario de contenido: lista de todo lo que el usuario necesita encontrar, hacer o entender en el producto, agrupado por frecuencia de uso

Jerarquía de navegación: estructura de 2 a 3 niveles máximo con los nombres exactos de cada sección, validados contra el vocabulario real del usuario y no el de la empresa

Flujos principales: los 3 a 5 recorridos de usuario más críticos dibujados como secuencias de pasos numerados, desde el punto de entrada hasta el objetivo completado

Puntos de fricción anticipados: los 4 momentos del recorrido donde el usuario tiene más probabilidad de abandonar y por qué

Taxonomía de contenido: las categorías, etiquetas y filtros que necesita el producto para que el usuario encuentre lo que busca en menos de 3 clics

Mapa de pantallas: lista completa de todas las vistas necesarias con su nombre, su función y su relación con las pantallas adyacentes

Priorización por impacto: qué diseñar primero según el volumen de uso y el impacto en el objetivo de negocio

Formato: un documento de arquitectura completo con jerarquía visual, flujos en texto estructurado y lista de pantallas ordenada por prioridad.

Mi producto: [Describe qué hace tu producto, quién lo usa, y cuál es la acción principal que debe completar el usuario]"
Alejo
@ecommartinez
2. El Investigador de Usuario sin Presupuesto

"Eres un senior UX researcher en Nielsen Norman Group especialista en investigación de usuario con presupuesto cero, porque el 90% de los errores de diseño se podrían evitar hablando con 5 usuarios correctos antes de abrir cualquier herramienta.

Necesito un plan de investigación completo que pueda ejecutar esta semana.

Construye:

Preguntas de investigación: las 5 preguntas críticas que debo responder antes de diseñar una sola pantalla, ordenadas por impacto en la decisión de diseño

Guía de entrevista: 12 preguntas abiertas listas para usar en entrevistas de 30 minutos, estructuradas para revelar comportamientos reales y no opiniones

Test de 5 segundos: instrucciones exactas para testar si mi propuesta de valor se entiende en 5 segundos y cómo interpretar los resultados

Card sorting simplificado: cómo organizar un ejercicio de card sorting en remoto con Maze o Notion para validar mi arquitectura de información sin herramientas de pago

Análisis de reseñas: cómo extraer insights de diseño de reseñas de la App Store, G2 o Trustpilot de competidores usando patrones de lenguaje recurrente

Guerrilla testing: protocolo de 20 minutos para testar un prototipo en papel con cualquier persona disponible y obtener feedback accionable

Síntesis de hallazgos: plantilla para convertir las respuestas de entrevistas en oportunidades de diseño concretas usando el formato 'El usuario necesita X para poder Y porque Z'

Formato: un plan de investigación completo con guías, protocolos y plantillas listas para ejecutar sin contratar a nadie.

Mi contexto: [Describe tu producto, el perfil de tu usuario objetivo, y las 3 hipótesis de diseño que quieres validar]"
Alejo
@ecommartinez
3. El Sistema de Diseño desde Cero

"Eres un senior design systems engineer en Figma con experiencia construyendo sistemas de diseño para productos con más de 1 millón de usuarios, porque diseñar pantalla por pantalla sin un sistema es la razón por la que los productos se vuelven inconsistentes, lentos de escalar y caros de mantener.

Necesito las bases completas de mi sistema de diseño.

Construye:

Tokens de diseño: todos los valores de color, tipografía, espaciado, radio de borde y sombra que necesita el producto, organizados en primitivos y semánticos con nombres en formato token (color.brand.primary, space.4, etc.)

Paleta de color completa: colores primarios, secundarios, neutros y de estado (éxito, error, advertencia, info) con sus variantes de 100 a 900, incluyendo los ratios de contraste WCAG para cada combinación de texto sobre fondo

Escala tipográfica: tamaños de fuente, pesos, alturas de línea y espaciado de letras para todos los estilos de texto del producto (display, heading 1 a 4, body, caption, label, code)

Escala de espaciado: sistema de espaciado basado en múltiplos de 4 u 8 con nombres semánticos (xs, sm, md, lg, xl, 2xl) y sus valores en px y rem

Componentes primitivos: especificaciones completas de los 12 componentes más universales (Button, Input, Checkbox, Radio, Select, Toggle, Badge, Tag, Avatar, Divider, Spinner, Tooltip) con todos sus estados (default, hover, focus, disabled, error)

Guía de uso: cuándo usar cada variante de cada componente y cuándo no, con ejemplos de uso correcto e incorrecto

Nombrado de capas: convención de nombrado para Figma o el entorno de diseño elegido para que cualquier diseñador entienda la estructura sin explicación

Formato: especificaciones técnicas completas listas para implementar en Figma, Tokens Studio o directamente en CSS.

Mi producto: [Describe el tipo de producto (SaaS, app móvil, ecommerce), la personalidad de marca, y si ya tienes algún elemento de diseño existente]"
Alejo
@ecommartinez
4. El Redactor de Microcopy que Convierte

"Eres un senior UX writer en Dropbox especialista en microcopy de producto, porque el texto dentro de la interfaz es el diseñador invisible que nadie contrata y que determina si el usuario completa o abandona cada acción crítica.

Necesito el microcopy completo de mi producto optimizado para conversión y claridad.

Escribe:

Textos de onboarding: el copy exacto de cada paso del proceso de activación, desde la pantalla de bienvenida hasta el primer valor entregado al usuario, con un máximo de 12 palabras por instrucción

Estados vacíos: el texto para cada pantalla vacía del producto (sin datos, sin resultados, sin notificaciones) con un mensaje que explica el contexto, una acción sugerida y un tono que no frustra

Mensajes de error: reformulación de los 10 errores más comunes en lenguaje humano que explica qué pasó, por qué, y qué hacer ahora. Sin tecnicismos, sin culpar al usuario

Confirmaciones y éxitos: el texto de cada mensaje de confirmación tras una acción completada, escrito para reforzar la confianza y anticipar el siguiente paso

Labels de formulario: todos los labels, placeholders y textos de ayuda de los formularios principales, escritos para reducir la tasa de abandono y el número de errores de entrada

Tooltips estratégicos: el contenido de los 8 tooltips más importantes del producto, escritos en menos de 20 palabras y posicionados donde la duda es más probable

CTAs por contexto: el texto exacto de cada botón de acción principal según el contexto de la pantalla. Nunca 'Enviar', siempre el resultado de la acción

Notificaciones push y email transaccional: los asuntos y primeras líneas de los 5 emails transaccionales más críticos del producto

Formato: un glosario de microcopy completo organizado por sección del producto, listo para entregar a desarrollo.

Mi producto: [Describe las funcionalidades principales, el tono de voz de la marca, y los 3 momentos del producto donde más usuarios abandonan actualmente]"
Alejo
@ecommartinez
5. El Diseñador de Flujos de Onboarding

"Eres un senior product designer en Intercom especialista en activación de usuarios, porque el onboarding es la única parte del producto que el usuario ve antes de decidir si vale la pena seguir, y la mayoría de los productos lo diseñan como un tutorial en lugar de como una promesa cumplida.

Necesito el flujo de onboarding completo diseñado para activar al usuario en menos de 10 minutos.

Diseña:

Definición del momento AHA: el instante exacto en que el usuario percibe el valor real del producto por primera vez, expresado como una acción completada y no como una feature descubierta

Flujo mínimo de activación: la secuencia de pasos mínima e indispensable para llegar al momento AHA, eliminando todo paso que no contribuya directamente a ese objetivo

Pantalla de bienvenida: el copy exacto, la acción principal y el elemento visual de la primera pantalla que ve el usuario tras registrarse

Segmentación inicial: si el producto sirve a perfiles diferentes, el conjunto de 1 a 3 preguntas que permiten personalizar el onboarding sin friccionar la entrada

Progress indicator: cómo mostrar el avance del onboarding para reducir el abandono a mitad de flujo, con el texto exacto de cada paso

Checklist de activación: si el producto requiere configuración inicial, la lista de tareas presentada como logros desbloqueables y no como obligaciones

Emails de activación: los 3 emails automáticos enviados en las primeras 72h para los usuarios que no completaron el onboarding, con asunto, primera línea y CTA para cada uno

Test de una variable: cuál es el único elemento del flujo a testear primero para mejorar la tasa de activación más rápido

Formato: flujo completo con copy de cada pantalla, lógica de ramificación y especificaciones para desarrollo.

Mi producto: [Describe qué hace tu producto, cuál es el momento en que el usuario entiende su valor, y cuál es tu tasa de activación actual si la conoces]"
Alejo
@ecommartinez
6. El Auditor de Usabilidad

"Eres un senior UX consultant en Baymard Institute especialista en auditorías heurísticas, porque el 68% de los problemas de usabilidad se pueden identificar sin hacer un solo test con usuarios si sabes qué buscar y dónde.

Necesito una auditoría completa de mi producto basada en heurísticas.

Audita:

Las 10 heurísticas de Nielsen aplicadas: evaluación de cada heurística (visibilidad del estado del sistema, coincidencia con el mundo real, control del usuario, consistencia, prevención de errores, reconocimiento, flexibilidad, diseño minimalista, recuperación de errores, ayuda y documentación) con una puntuación de 1 a 5 y ejemplos concretos de problemas encontrados

Problemas críticos: los 5 problemas que más afectan a la conversión o retención, con descripción del problema, impacto estimado y solución recomendada

Problemas graves: los 8 problemas que crean fricción significativa pero no bloquean el flujo completo, con la misma estructura

Problemas menores: lista de mejoras de pulido que no son urgentes pero que acumulan experiencia negativa

Comparativa con competidores: cómo resuelven los 3 principales competidores los mismos problemas identificados en tu producto

Priorización por esfuerzo e impacto: tabla de 2x2 que clasifica cada problema según su esfuerzo de solución (bajo o alto) y su impacto en el usuario (bajo o alto)

Quick wins: los 3 cambios que se pueden implementar esta semana con impacto inmediato y esfuerzo mínimo

Formato: informe de auditoría completo con puntuaciones, ejemplos, soluciones y tabla de priorización lista para presentar al equipo.

Mi producto: [Describe las pantallas o flujos principales que quieres auditar y el objetivo principal del producto]"
Alejo
@ecommartinez
7. El Diseñador de Dashboard de Datos

"Eres un senior data visualization designer en Tableau con experiencia diseñando dashboards para equipos de directivos que toman decisiones de millones de euros, porque un dashboard mal diseñado no es una herramienta de análisis sino un generador de confusión que paraliza en lugar de orientar.

Necesito el diseño completo de un dashboard de datos que facilite la decisión.

Diseña:

Definición del objetivo del dashboard: la única pregunta que este dashboard debe responder en menos de 10 segundos para el usuario que lo abre. Si responde más de una, se necesitan más dashboards

Jerarquía de métricas: las métricas primarias (1 a 3 KPIs que van arriba a la izquierda y en grande), secundarias (contexto y desglose) y terciarias (detalle bajo demanda), con justificación de cada nivel

Selección de gráficos por tipo de dato: qué tipo de visualización usar para cada métrica (línea para tendencias, barra para comparaciones, donut solo si hay menos de 5 categorías, mapa de calor para correlaciones) con la razón exacta de cada elección

Layout en zonas: estructura de la pantalla dividida en zona de resumen ejecutivo, zona de análisis de tendencia y zona de detalle con filtros, con las dimensiones aproximadas de cada zona

Paleta de color semántica: cómo usar el color exclusivamente para comunicar significado (verde para positivo, rojo para negativo, gris para neutro) y nunca para decorar

Sistema de alertas visuales: cómo destacar cuando una métrica supera o baja de un umbral crítico sin requerir que el usuario busque el problema

Filtros y segmentación: qué filtros incluir (rango de fechas, segmento, región, canal) y cómo presentarlos sin ocupar espacio productivo

Versión mobile: qué mostrar y qué ocultar en pantallas pequeñas para que el dashboard siga siendo útil sin ser una versión reducida del de escritorio

Formato: especificaciones completas de diseño con layout, tipo de gráfico por métrica y guía de color lista para implementar en Figma o directamente en la herramienta de BI.

Mi dashboard: [Describe quién lo usa, qué decisiones toma con él, y las métricas que ya sabes que deben aparecer]"
Alejo
@ecommartinez
8. El Experto en Accesibilidad

"Eres un senior accessibility consultant certificado WCAG en Level Access con experiencia auditando productos usados por más de 10 millones de personas, porque diseñar un producto inaccesible no solo excluye al 15% de la población mundial con alguna discapacidad sino que viola regulaciones legales en la UE y EEUU que ya generan demandas millonarias.

Necesito un plan de accesibilidad completo para mi producto.

Construye:

Auditoría WCAG 2.1 nivel AA: evaluación de los 13 criterios de éxito más críticos con estado actual (cumple, falla, no aplicable) y descripción del problema si falla

Contraste de color: revisión de todos los pares de color texto sobre fondo del producto con sus ratios actuales y los valores corregidos para cumplir 4.5:1 en texto normal y 3:1 en texto grande

Navegación por teclado: secuencia de tabulación correcta para cada flujo principal, con los elementos que deben recibir foco y el orden exacto

Alternativas para imágenes: guía de redacción de alt text para cada tipo de imagen del producto (decorativa, informativa, funcional, compleja) con ejemplos correctos e incorrectos

Formularios accesibles: checklist de 12 puntos para hacer accesible cualquier formulario (labels visibles, errores descriptivos, agrupación lógica, autocomplete, etc.)

Lectores de pantalla: los 5 cambios de mayor impacto para mejorar la experiencia con VoiceOver y NVDA sin rediseñar ninguna pantalla

Quick wins de accesibilidad: los 8 cambios implementables en menos de 2 horas que eliminan las barreras más graves

Declaración de accesibilidad: el texto legal que debe aparecer en tu web explicando el nivel de conformidad y el canal de contacto para reportar problemas

Formato: informe de accesibilidad con puntuación por criterio, cambios priorizados y guías de implementación para diseño y desarrollo.

Mi producto: [Describe el tipo de producto, la tecnología usada (web, iOS, Android) y si ya tienes algún reporte de accesibilidad previo]"
Alejo
@ecommartinez
9. El Diseñador de Formularios de Alta Conversión

"Eres un senior conversion rate optimizer en CXL Institute especialista en diseño de formularios, porque el formulario es el momento de mayor fricción en cualquier flujo digital y la diferencia entre un formulario bien diseñado y uno malo puede ser el 40% de las conversiones.

Necesito el diseño completo de mis formularios optimizado para maximizar la tasa de completado.

Diseña:

Reducción de campos: análisis de cada campo del formulario con la pregunta '¿es absolutamente indispensable para completar este objetivo?' y propuesta de eliminación o aplazamiento para los que no lo son

Orden psicológico de campos: los campos fáciles primero (nombre, email) y los más comprometidos al final (teléfono, empresa, facturación), con la justificación del orden elegido

Labels y placeholders: todos los labels encima del campo (nunca dentro), todos los placeholders como ejemplos de formato y no como sustitutos del label, con el texto exacto de cada uno

Validación en tiempo real: en qué campos activar la validación mientras se escribe (formato de email, longitud de contraseña) y en cuáles solo al salir del campo para no frustrar al usuario

Mensajes de error específicos: el texto exacto de cada mensaje de error para cada campo, escrito en positivo y con la solución incluida. Nunca 'Campo inválido'

Indicadores de progreso: si el formulario tiene más de 5 campos, cómo dividirlo en pasos y qué mostrar en el indicador de progreso para reducir el abandono

El campo de teléfono: cómo presentarlo para maximizar la tasa de completado (obligatorio u opcional, con prefijo internacional o sin él, con justificación del dato solicitado)

CTA del formulario: el texto exacto del botón de envío según el objetivo del formulario, con 3 variantes a testear ordenadas por probabilidad de éxito

Formato: especificaciones completas de cada campo con label, placeholder, validación, mensaje de error y notas de comportamiento listas para entregar a desarrollo.

Mi formulario: [Describe el objetivo del formulario, todos los campos actuales, y la tasa de abandono actual si la conoces]"
Alejo
@ecommartinez
10. El Tester de Prototipos sin Herramientas de Pago

"Eres un senior UX researcher en Google Ventures especialista en design sprints y validación rápida de prototipos, porque gastar 3 meses diseñando algo que nadie quiere usar es el error más caro del diseño de producto y se puede evitar en 48h con las técnicas correctas.

Necesito un protocolo completo para testear mi prototipo esta semana sin presupuesto.

Construye:

Protocolo de think-aloud: las instrucciones exactas que dar al participante antes de empezar el test para que verbalice su pensamiento sin necesidad de moderación constante

Guía de tareas: las 5 a 8 tareas específicas que debe completar el participante durante el test, redactadas en lenguaje natural sin revelar dónde está el elemento que busca

Criterios de éxito por tarea: cómo saber si el usuario completó cada tarea correctamente, con qué nivel de dificultad y en cuánto tiempo

Formulario de observación: la hoja de registro para anotar comportamientos, citas textuales y momentos de confusión durante el test sin interrumpir al participante

Reclutamiento en 24h: dónde y cómo encontrar 5 participantes válidos en menos de 24 horas sin pagar una plataforma de reclutamiento

Test remoto sin Lookback ni UserTesting: cómo hacer el test por videollamada con Zoom o Google Meet capturando la pantalla del usuario y sus reacciones simultáneamente

Síntesis en 2 horas: el proceso para analizar las grabaciones, identificar patrones y convertirlos en cambios de diseño priorizados en menos de 2 horas

Presentación de resultados: cómo presentar los hallazgos al equipo en 10 minutos usando evidencia directa (citas y clips) en lugar de opiniones

Formato: kit completo de investigación con todos los documentos listos para usar esta semana.

Mi prototipo: [Describe qué flujo o pantallas quieres testear, qué hipótesis de diseño quieres validar, y el perfil del usuario que debes reclutar]"
Alejo
@ecommartinez
📌 Este thread es el equivalente a una semana de trabajo de un senior product designer

Cada prompt funciona solo. Úsalos en orden para diseñar un producto desde cero. Úsalos por separado para resolver un problema concreto de diseño.

RT al primer tweet si te ha servido.
Generated by Thread Navigator
100%
view_carousel Carousel Studio NEW
Press + S to quick-export