Plantilla de CV
Plantilla de CV para Diseñador UI
Un CV de Diseñador UI se juega en una contradicción incómoda: usted vive de la calidad visual, pero el documento que abre la puerta tiene que ser sobrio y legible por un ATS. En España casi todas las candidaturas pasan primero por un parser (Workday, SAP SuccessFactors, Teamtailor o Greenhouse) y después por un design lead que dedicará menos de un minuto a decidir si abre su portafolio. Esta plantilla separa los dos formatos con claridad: el CV es un documento de texto de una sola columna que demuestra oficio con cifras (componentes, tokens, contraste, tiempos de entrega), y el portafolio es donde se ve la mano. Y marca la diferencia con el perfil de Diseñador UX: aquí el centro es la interfaz —tipografía, color, retícula, componentes, estados, consistencia entre plataformas y entrega a desarrollo—, no la investigación con usuarios.
Written & reviewed by the CVWon Editorial Team · Updated julio 2026
Cree su CV ahoraUn CV de UI fuerte demuestra criterio visual con consecuencias medibles, no gusto personal.
Optimización ATS
Palabras clave para ATS
Incluya estas palabras clave en su CV para superar los sistemas de seguimiento de candidatos (ATS).
Un CV de UI fuerte demuestra criterio visual con consecuencias medibles, no gusto personal. En lugar de «rediseño de la app», la línea buena dice qué decidió usted y qué cambió: «unifiqué 14 grises heredados en una escala de 9 tonos semánticos y sustituí 340 valores fijos por 190 tokens; el modo oscuro salió en 6 semanas en lugar del trimestre estimado». Hay cinco ejes que separan a un perfil senior de uno junior en el mercado español. Primero, sistemas de diseño: no basta con haber usado uno, hay que haberlo construido, versionado, documentado y conseguido que otros equipos lo adopten, con un dato de adopción real. Segundo, fundamentos duros —tipografía (escala, interlineado, ancho de línea, fuentes variables), color (espacios sRGB y OKLCH, jerarquía semántica, contraste) y retícula (base de 4 u 8 puntos, columnas, puntos de ruptura)— explicados como reglas del sistema, no como preferencias. Tercero, accesibilidad visual: contraste 4,5:1 en texto y 3:1 en componentes y estados de foco según WCAG 2.2 AA, tamaño mínimo de objetivo táctil, no depender solo del color y compatibilidad con prefers-reduced-motion; con la Ley 11/2023 en vigor desde el 28 de junio de 2025 para comercio electrónico, banca y transporte, y el Real Decreto 1112/2018 en el sector público, esto ya no es un extra sino un requisito contractual. Cuarto, entrega a desarrollo: Dev Mode, tokens exportables, especificación de estados y un ciclo de design QA que reduzca el retrabajo; el diseñador que no sabe conversar con frontend genera coste y se nota en la primera entrevista. Y quinto, la delimitación honesta del rol: colaborar con investigación y con producto sí, pero el CV debe dejar claro que usted responde de la capa visual y de la consistencia del producto, porque una candidatura que mezcla personas, journey maps y entrevistas con usuarios se lee como un UX que no encontró plaza de UX. Formato: PDF de una o dos páginas, una sola columna, texto seleccionable, enlace al portafolio en la primera línea y contraseña incluida si el portafolio la lleva.
Estructura
¿Qué secciones debe incluir un CV de Diseñador UI?
Cabecera con enlace al portafolio y contraseña
Es el único puesto en el que el enlace vale más que cualquier frase del extracto. Si el design lead tiene que buscar su portafolio, o si lo encuentra y le pide una contraseña que usted no facilitó, la candidatura muere ahí. Debe estar en la primera línea, en texto plano legible por el parser, no dentro de un icono ni de una imagen.
Ejemplo
Nombre Apellido — Diseñador UI · Madrid (híbrido o remoto en España) · correo@dominio.com · +34 6XX XXX XXX · linkedin.com/in/usuario · Portafolio: sudominio.com/trabajo (contraseña: revision2026) · Perfil de Figma Community con dos archivos públicos
Titular y extracto profesional (4 o 5 líneas)
Es lo que el ATS puntúa con más peso y lo primero que lee la persona. Debe contener el puesto exacto de la oferta, su especialidad dentro de UI y una prueba cuantificada, para que nadie tenga que deducir su nivel ni confundirle con un perfil de UX o de branding.
Ejemplo
Diseñador UI | Sistemas de diseño, tokens y accesibilidad WCAG 2.2 AA | Figma, iOS y Android. Seis años diseñando producto digital. Construí y mantuve una librería de 62 componentes con soporte multimarca adoptada por 5 equipos; el tiempo medio para maquetar una pantalla nueva pasó de 3 días a 6 horas y la auditoría externa de accesibilidad se cerró sin incidencias críticas.
Experiencia profesional con impacto visual medible
El mito más caro del perfil UI es que su trabajo no se puede medir. Sí se puede: componentes creados y adoptados, valores fijos sustituidos por tokens, combinaciones de color corregidas, incidencias de design QA por entrega, semanas hasta lanzar una marca nueva o el modo oscuro. Tres a seis viñetas por puesto y una cifra en cada una.
Ejemplo
Diseñador UI Senior — Empresa de producto SaaS (fintech B2B, Barcelona), 2022-2026. Reconstruí la paleta en OKLCH y revisé 137 combinaciones de color hasta dejar el 100 % en AA; documenté la escala tipográfica en 7 niveles con fuente variable subconjuntada, lo que redujo el peso de tipografías de 480 kB a 96 kB junto con el equipo de frontend.
Sistema de diseño y tokens como bloque propio
Es la sección que más separa a un diseñador UI de cualquier otro perfil creativo y la que más se busca en las ofertas españolas de banca, telecomunicaciones y SaaS. Explique la arquitectura (tokens primitivos, semánticos y de componente), la gobernanza (quién contribuye, cómo se versiona, cómo se deprecia) y el dato de adopción, que es la única prueba de que el sistema se usa.
Ejemplo
Sistema de diseño: 62 componentes en Figma con propiedades y slots, 190 tokens en tres capas exportados con Style Dictionary a variables CSS, iOS y Android; versionado semántico y cambios documentados en zeroheight; adopción del 84 % de las pantallas de producto en 7 meses, medida con un informe mensual de cobertura de componentes en Figma.
Competencias visuales explicadas como criterio, no como lista de programas
«Dominio de Figma» ya no diferencia a nadie en 2026: lo dan por supuesto. Lo que se valora es que sepa nombrar decisiones —escala tipográfica, jerarquía de color semántico, sistema de espaciado, densidad, iconografía sobre retícula, motion con propósito— porque eso es lo que le van a preguntar en la revisión de portafolio.
Ejemplo
Fundamentos: escala tipográfica modular sobre base de 16 px con interlineado por nivel y ancho de línea de 45 a 75 caracteres; sistema de espaciado de 4 y 8 puntos con retícula de 12 columnas y 4 puntos de ruptura; color semántico en tres capas con modo claro y oscuro; iconografía propia de 180 símbolos sobre retícula de 24 px con corrección óptica de trazo; motion con tokens de duración y curva, y respeto de prefers-reduced-motion.
Accesibilidad visual y cumplimiento normativo
Desde el 28 de junio de 2025 la Ley 11/2023 obliga en España a que el comercio electrónico, la banca y el transporte cumplan requisitos de accesibilidad, y el Real Decreto 1112/2018 con la norma UNE-EN 301 549 ya lo exigía en el sector público. Casi ningún diseñador UI lo documenta en el CV, así que un bloque propio le coloca por delante en cualquier proceso de banca, seguros, retail o administración pública.
Ejemplo
Accesibilidad: paleta validada a 4,5:1 en texto y 3:1 en componentes y estados de foco (WCAG 2.2 AA), objetivos táctiles de 24 px como mínimo y 44 px en acciones primarias, información nunca codificada solo por color, foco visible especificado en los 62 componentes, orden de lectura acordado con desarrollo y comprobaciones con Stark en Figma antes de cada entrega.
Entrega a desarrollo y design QA
En España es habitual que el equipo de diseño sea pequeño y esté rodeado de desarrolladores; la pregunta real de la entrevista es si usted genera trabajo o lo ahorra. Documentar cómo entrega —y con qué resultado— convierte una habilidad invisible en un argumento de contratación.
Ejemplo
Entrega: especificación en Figma Dev Mode con tokens enlazados a variables CSS, ficha de estados por componente (por defecto, hover, foco, activo, deshabilitado, carga, error y vacío) y revisión de design QA en el entorno de preproducción antes de cada release; las incidencias visuales reportadas tras el despliegue bajaron de 34 a 7 por versión en tres trimestres.
Formación, idiomas y condiciones
En el mercado español conviven títulos de Enseñanzas Artísticas Superiores, grados universitarios de diseño, FP de gráfica interactiva y bootcamps, y el filtro de RR. HH. suele buscar una de esas etiquetas junto con el nivel de inglés. Indicar modalidad y disponibilidad evita descartes por logística.
Ejemplo
Título Superior de Diseño, especialidad Diseño Gráfico (240 ECTS), Escuela de Arte y Superior de Diseño pública, 2019. Máster en Diseño de Interfaz y Producto Digital, 2021. Inglés B2 acreditado por la Escuela Oficial de Idiomas, uso diario con equipo distribuido. Modalidad híbrida en Madrid o remoto en España; incorporación con 15 días de preaviso.
Qué evitar
¿Cuáles son los errores más frecuentes en un CV de Diseñador UI?
FAQ
Preguntas frecuentes
El de UX demuestra que usted descubre el problema correcto: investigación, entrevistas, arquitectura de la información, flujos, pruebas de usabilidad e iteración. El de UI demuestra que usted resuelve la superficie con oficio y a escala: tipografía, color, retícula, iconografía, estados de componente, sistema de diseño, consistencia entre web, iOS y Android, accesibilidad visual y entrega limpia a desarrollo. Importa porque en España muchas ofertas se publican como «UX/UI» pero el equipo ya sabe cuál de los dos huecos necesita cubrir; si su CV no toma partido, le descartarán en los dos procesos. Tome partido en el titular, dedique el 80 % del espacio a su especialidad y resuelva la otra mitad con una línea de colaboración.
Aceptando que la belleza aquí es tipográfica y no compositiva. Una sola columna, una familia con buena legibilidad en pantalla y en papel, tres tamaños como máximo, jerarquía por peso y espaciado en lugar de por cajas de color, márgenes generosos y un único acento cromático que cumpla contraste. Encabezados de sección con las palabras que el parser espera (Experiencia, Formación, Competencias, Idiomas), nada de tablas, cajas de texto, iconos que sustituyan a palabras ni texto dentro de imágenes. Ese documento se lee perfectamente y, precisamente por ser sobrio, transmite criterio: quien sabe jerarquizar sin recursos es quien sabe diseñar.
El CV, una página si tiene menos de cinco años de experiencia y dos como máximo a partir de ahí. El portafolio, entre tres y cinco casos, y solo dos o tres desarrollados a fondo; el resto pueden ser piezas sueltas bien presentadas. Para la revisión en directo prepare una presentación de veinte a veinticinco minutos con dos casos, cronometrada de verdad, porque el error más común es quedarse sin tiempo en el primero y no llegar al proyecto que mejor le representa.
No necesita programar, pero sí leer. Entender HTML semántico, el modelo de caja, Flexbox y Grid, las variables CSS y qué significan los puntos de ruptura le permite diseñar componentes construibles y hablar con desarrollo sin intermediarios. En equipos españoles de producto, donde el ratio suele ser de un diseñador por cada seis u ocho desarrolladores, esa autonomía es lo que hace que le llamen para la siguiente vacante. Ponga «HTML y CSS a nivel de lectura» y no lo infle: si escribe «React» le pedirán código.
Cifre lo que sea necesario y conserve el razonamiento. Sustituya el nombre del cliente por el sector y el tamaño («banca minorista, 2,3 millones de usuarios activos»), cambie los datos de las pantallas por otros verosímiles, recolore o difumine lo identificable y explique con detalle la decisión visual, que es lo que se está evaluando. Un caso anonimizado bien argumentado convence más que una captura real sin contexto, y saltarse un acuerdo de confidencialidad en una entrevista es la peor señal que puede dar sobre cómo tratará la información del próximo empleador.
En España sigue siendo habitual y no penaliza, pero es opcional. Si la incluye, que sea reciente, sobria y bien recortada en la esquina superior, tratada con el mismo criterio que aplicaría a cualquier imagen del producto: una foto mal encuadrada o con un filtro llamativo en un CV de diseño juega en su contra más que en cualquier otro perfil. Si aspira a empresas internacionales o a compañías con procesos de selección ciegos, omítala: nunca le descartarán por no ponerla.
Salario
Salario por nivel de experiencia
Rangos salariales habituales según la antigüedad (EUR, brutos).
| Nivel | Experiencia profesional | Rango salarial |
|---|---|---|
| Nivel Inicial | 0–2 años | €35K – €55K |
| Nivel Intermedio | 3–5 años | €55K – €85K |
| Nivel Senior | 6–10 años | €85K – €130K |
| Responsable / Director | 10+ años | €120K – €170K |
Cree su CV de Diseñador UI con cvwon: rellene los bloques de esta plantilla, exporte un PDF de una columna compatible con ATS y compruebe su puntuación antes de enviar la candidatura.
Empiece ahoraRelacionados