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 ahora
Plantilla vs. ejemplo: Esta página te da la estructura, las secciones imprescindibles y las competencias para crear tu propio CV de Diseñador UI. ¿Quieres ver primero uno terminado y comentado? Ver el ejemplo de CV de Diseñador UI →

Un 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).

Diseño de interfaces (UI) Figma (componentes, variantes, Auto Layout, variables y modos) Figma Dev Mode Sistema de diseño (design system) Design tokens (tokens de diseño) Biblioteca de componentes Tipografía y escala tipográfica Teoría del color y contraste Accesibilidad WCAG 2.2 AA Diseño responsive y mobile first Material Design 3 Human Interface Guidelines (iOS) Prototipado interactivo Microinteracciones y motion design Iconografía y SVG Modo claro y modo oscuro Retícula, espaciado y sistema de 8 puntos Guía de estilo y manual de identidad Design QA y entrega a desarrollo (handoff) Adobe Illustrator y Photoshop Storybook y zeroheight HTML y CSS a nivel de lectura Diseño de producto digital Inglés B2

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?

Enviar un CV maquetado como una pieza de portafolio. Es el error más irónico del perfil UI: dos columnas, el nombre dentro de una imagen, iconos en lugar de etiquetas, fondo oscuro y una tipografía de display exótica hacen que el parser devuelva campos vacíos y que su candidatura se descarte sin que nadie la lea. Envíe un PDF de una sola columna con texto seleccionable y guarde el diseño para el portafolio, que es donde se juzga.
Presentar el portafolio como una galería de pantallas bonitas sin contexto. Una retícula de imágenes al estilo Dribbble no responde a las tres preguntas que hace un design lead: qué restricción tenía, qué decidió usted y qué pasó después. Tres casos con antes, decisión y resultado valen más que veinte capturas.
Escribir un CV de UX disfrazado de UI. Si sus viñetas hablan de entrevistas con usuarios, personas, journey maps y tests de usabilidad, el reclutador entenderá que usted busca otro puesto y le descartará para los dos. Colabore con investigación, mencione una línea de ello, pero deje que el peso caiga en componentes, tipografía, color, estados, consistencia y entrega.
No cuantificar nada porque «el diseño no se mide». Se mide: componentes creados y adoptados, porcentaje de pantallas cubiertas por el sistema, valores fijos convertidos en tokens, combinaciones de color corregidas, incidencias de design QA por versión, semanas hasta lanzar el modo oscuro o una marca nueva, kilobytes de tipografía e iconos. Un CV de UI sin una sola cifra parece de una persona junior aunque tenga ocho años.
Listar programas en lugar de criterio. «Figma, Sketch, Adobe XD, Photoshop, Illustrator, InVision» ocupa una línea entera y no dice nada: Figma se da por supuesto, Adobe XD está descontinuado e InVision cerró. Sustituya la lista por lo que sabe decidir: escala tipográfica, arquitectura de tokens, sistema de espaciado, estados de componente, diferencias entre iOS y Android.
Omitir la accesibilidad. Con la Ley 11/2023 ya aplicable y el Real Decreto 1112/2018 en el sector público, un CV de UI sin una sola mención a contraste, WCAG 2.2, foco visible o tamaño de objetivo táctil se lee como un perfil desactualizado, y en banca, seguros o licitaciones públicas es un descarte directo.
Enlazar un portafolio caído, protegido por contraseña sin facilitarla, alojado en un servicio que exige registro o con los casos importantes «disponibles bajo petición». Compruebe el enlace desde el móvil y en ventana privada antes de cada envío: si no abre algo revisable en dos clics, resta credibilidad en lugar de sumarla.
Llenar el portafolio de rediseños conceptuales de aplicaciones famosas cuando ya se tiene experiencia real. Un concepto de Spotify o del BBVA hecho sin restricciones ni datos indica que no tiene trabajo de producción que enseñar; úselo solo si empieza, y aun así explique restricciones autoimpuestas y decisiones, no solo la pantalla final.
Mandar el mismo CV a un estudio de branding y a una empresa de producto. Son dos mercados distintos: el estudio quiere ver rango visual, dirección de arte y piezas de campaña; el producto quiere ver sistema, estados, consistencia y colaboración con desarrollo. Reordene el titular, el extracto y el orden de los casos según a quién escribe.
Incluir datos personales innecesarios como DNI, dirección completa, estado civil, edad o nacionalidad. Bastan ciudad, teléfono, correo profesional, LinkedIn y portafolio; el resto solo ocupa el espacio que merecen sus resultados.

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
Guía salarial completa →

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 ahora

Relacionados

Plantillas de CV similares