Ejemplo de CV

Ejemplo de CV de Diseñador UI

Este ejemplo corresponde a un Diseñador UI con seis años de experiencia: dos en un estudio de branding y producto digital de Madrid y cuatro en una empresa de producto de Barcelona, que es el recorrido más frecuente en el mercado español. Fíjese en dos cosas. La primera, que cada viñeta convierte una decisión visual en un dato verificable, porque el mito de que el diseño de interfaz no se mide es justamente lo que mantiene los sueldos de este perfil por debajo de los de desarrollo. La segunda, que el peso del CV está en sistema, tipografía, color, estados y entrega a desarrollo, no en investigación con usuarios: eso es lo que distingue una candidatura de UI de una de UX. Reutilice la estructura y sustituya los datos por los suyos; lo que no debe copiar son las cifras, porque en la revisión de portafolio le pedirán que explique cómo llegó a ellas.

Written & reviewed by the CVWon Editorial Team · Updated julio 2026

Cree su CV

Ejemplo vs. plantilla: Este es un CV real de Diseñador UI, completo y comentado, para aprender sección por sección. ¿Listo para escribir el tuyo? Usar la plantilla de CV de Diseñador UI →

Ejemplo de CV completo

Diseñador UI

Perfil profesional

Diseñador UI con 6 años de experiencia en producto digital, especializado en sistemas de diseño, tokens y accesibilidad visual. He construido y mantenido una librería de 62 componentes con soporte para 3 marcas, adoptada por 5 equipos y presente en el 84 % de las pantallas de producto. Trabajo con criterio de sistema y no de pantalla suelta: escala tipográfica documentada, color semántico en tres capas con modo claro y oscuro, espaciado sobre base de 4 puntos e iconografía propia sobre retícula de 24 px. Aplico WCAG 2.2 AA desde el archivo de Figma, no como revisión final, y entrego con Dev Mode y tokens exportables para que desarrollo no tenga que interpretar nada. Acostumbrado a equipos distribuidos y a trabajar en inglés a diario, busco un puesto senior de UI o de design systems en una empresa de producto donde la consistencia visual sea un objetivo medible y no una aspiración.

Logros destacados

Construí desde cero el sistema de diseño de una plataforma fintech B2B: 62 componentes en Figma con propiedades, slots y variantes, documentados en zeroheight y versionados con criterio semántico; en 7 meses la adopción alcanzó el 84 % de las pantallas de producto, medida con un informe mensual de cobertura de componentes, y el tiempo medio para maquetar una pantalla nueva bajó de 3 días a 6 horas.

Sustituí 340 valores fijos de color, espaciado y tipografía por 190 tokens organizados en tres capas (primitivos, semánticos y de componente) y los exporté con Style Dictionary a variables CSS, a Swift y a XML de Android; gracias a esa base, el modo oscuro se lanzó en 6 semanas en lugar del trimestre que se había estimado y no requirió tocar una sola pantalla a mano.

Reconstruí la paleta completa en OKLCH para conseguir saltos de luminancia uniformes y revisé 137 combinaciones de color hasta dejar el 100 % en nivel AA (4,5:1 en texto y 3:1 en componentes y estados de foco); la auditoría externa de accesibilidad previa a la entrada en vigor de la Ley 11/2023 se cerró sin ninguna no conformidad crítica.

Definí la escala tipográfica en 7 niveles sobre base de 16 px, con interlineado y ancho de línea especificados por nivel, y sustituí tres familias estáticas por una fuente variable subconjuntada: junto con el equipo de frontend, el peso de tipografías cayó de 480 kB a 96 kB y el CLS de la portada pasó de 0,21 a 0,02 tras ajustar font-display y las métricas de la fuente de respaldo.

Implanté un ciclo de design QA en preproducción antes de cada release, con una ficha de estados obligatoria por componente (por defecto, hover, foco visible, activo, deshabilitado, carga, error y vacío); las incidencias visuales reportadas tras el despliegue bajaron de 34 a 7 por versión en tres trimestres.

Diseñé una arquitectura de temas para producto de marca blanca con 3 marcas cliente sobre el mismo sistema, separando tokens de marca y tokens de producto; el tiempo de puesta en marcha visual de una marca nueva pasó de 5 semanas a 4 días y dejó de requerir intervención del equipo de diseño.

Dibujé y normalicé una biblioteca de 180 iconos propios sobre retícula de 24 px con corrección óptica del trazo y reglas de uso a 16, 24 y 32 px; optimicé la exportación en SVG de una media de 3,4 kB a 900 bytes por icono y unifiqué su distribución en un único paquete, eliminando los 4 juegos heredados que convivían en el producto.

Rediseñé la jerarquía visual del alta de empresa junto al equipo de UX, que aportó la investigación y el flujo: agrupación en 3 pasos con indicador de progreso, contraste corregido en los mensajes de error, etiquetas siempre visibles y objetivos táctiles de 44 px; la finalización del proceso en móvil subió del 61 % al 70 % en el test A/B de cuatro semanas.

Definí el lenguaje de movimiento del producto con tokens de duración y curva para cuatro tipos de transición, con soporte de prefers-reduced-motion desde la especificación, y sustituí 9 animaciones Lottie de 1,2 MB por transiciones CSS y 3 archivos optimizados de 40 kB.

Mentoricé a 2 diseñadores junior procedentes de FP de Gráfica Interactiva y de bootcamp con críticas de diseño semanales y una guía interna de patrones; ambos asumieron funcionalidades completas de forma autónoma antes de cumplir un año.

Formación académica

Título Superior de Diseño, especialidad Diseño Gráfico (240 ECTS, equivalente a grado universitario), Escuela de Arte y Superior de Diseño pública de Madrid, 2019, con prácticas de 300 horas en un estudio de identidad. Complementado con un Máster en Diseño de Interfaz y Producto Digital cursado a tiempo parcial mientras trabajaba. En España conviven cuatro vías perfectamente válidas para este puesto: el Título Superior de Diseño de las EASD públicas (Escola Massana, EASD Valencia, Escuela de Arte 10 de Madrid), los grados universitarios y privados de diseño digital o de producto interactivo (Elisava, IED, BAU, ESDi, ESNE, U-tad, LCI Barcelona), la FP Superior en Gráfica Interactiva o en Gráfica Publicitaria, y los bootcamps de UX/UI de 400 a 600 horas. En empresas de producto casi ninguna oferta exige titulación concreta: pesa el portafolio y la capacidad de defender decisiones. En consultoría grande, en licitaciones públicas y en multinacionales con departamento de RR. HH. estructurado, en cambio, el título oficial sí puede ser un filtro formal, así que indíquelo con su denominación exacta y con el número de ECTS cuando lo tenga.

Certificaciones

CPACC — Certified Professional in Accessibility Core Competencies (IAAP), la referencia para acreditar WCAG 2.2 y la norma UNE-EN 301 549

Certificado de Profesionalidad ARGG0110 — Desarrollo de productos editoriales multimedia (SEPE, nivel 3)

Formación en accesibilidad digital de la Fundación ONCE o de Inserta Empleo, valorada en licitaciones y en proveedores del sector público español

Certificados de la Interaction Design Foundation en diseño de interfaz, tipografía para pantalla y sistemas de diseño

Adobe Certified Professional en Illustrator o Photoshop, todavía habitual como filtro en agencias y en departamentos de marketing

Formación avanzada en Figma (variables, modos, librerías compartidas y Dev Mode) acreditada con proyecto público en Figma Community

Certificado de nivel B2 de inglés por la Escuela Oficial de Idiomas o First Certificate de Cambridge

Professional Scrum Master I (PSM I) o equivalente ágil, útil en consultoras españolas que trabajan por convenio con cliente final

Competencias

¿Qué competencias debe destacar un CV de Diseñador UI?

Técnica

Arquitectura de sistemas de diseño: componentes, propiedades, slots, versionado y gobernanza Design tokens en tres capas (primitivos, semánticos y de componente) con Tokens Studio y Style Dictionary Tipografía para pantalla: escala modular, interlineado, ancho de línea, fuentes variables y subconjuntos Color: espacios sRGB, P3 y OKLCH, jerarquía semántica, elevación por superficie y modo oscuro correcto Retícula y espaciado: base de 4 y 8 puntos, 12 columnas, puntos de ruptura y densidad de la interfaz Accesibilidad visual WCAG 2.2 AA: contraste, foco visible, tamaño de objetivo táctil y movimiento reducido Diseño multiplataforma: Material Design 3 y Human Interface Guidelines, con divergencias justificadas Iconografía sobre retícula, corrección óptica de trazo y exportación SVG optimizada Prototipado interactivo y microinteracciones con tokens de duración y curva Diseño para localización: expansión de texto en catalán e inglés, formatos y truncado seguro HTML semántico y CSS a nivel de lectura (Flexbox, Grid, variables y puntos de ruptura)

Habilidades interpersonales

Defensa argumentada de decisiones visuales ante negocio y marketing, con criterio y no con gusto Crítica de diseño constructiva y mentoría de perfiles junior Colaboración diaria con desarrollo: traducir un componente en algo construible y revisarlo en preproducción Negociación del alcance visual frente a la fecha de entrega, con propuestas por fases Documentación clara y mantenida, para que el sistema sobreviva a su autor Autonomía y trabajo asíncrono en equipos distribuidos Inglés profesional B2/C1 en reuniones, documentación y críticas de diseño

Herramientas

Figma y FigJam (Auto Layout, variables y modos, librerías compartidas, Dev Mode) Tokens Studio, Style Dictionary y Supernova o zeroheight para documentación Adobe Illustrator y Photoshop; Sketch en productos heredados Storybook y Chromatic para revisar el componente construido y las pruebas visuales Stark, Able y Polypane para contraste, foco y simulación de baja visión After Effects con Lottie, ProtoPie y Rive para movimiento y microinteracciones Blush, Iconify y Fontshare para recursos; Squoosh y SVGO para optimización Jira, Linear, Notion y Confluence Git a nivel básico para consultar la implementación y abrir incidencias de design QA

Categoría	Competencias
Técnica	Arquitectura de sistemas de diseño: componentes, propiedades, slots, versionado y gobernanza, Design tokens en tres capas (primitivos, semánticos y de componente) con Tokens Studio y Style Dictionary, Tipografía para pantalla: escala modular, interlineado, ancho de línea, fuentes variables y subconjuntos, Color: espacios sRGB, P3 y OKLCH, jerarquía semántica, elevación por superficie y modo oscuro correcto, Retícula y espaciado: base de 4 y 8 puntos, 12 columnas, puntos de ruptura y densidad de la interfaz, Accesibilidad visual WCAG 2.2 AA: contraste, foco visible, tamaño de objetivo táctil y movimiento reducido, Diseño multiplataforma: Material Design 3 y Human Interface Guidelines, con divergencias justificadas, Iconografía sobre retícula, corrección óptica de trazo y exportación SVG optimizada, Prototipado interactivo y microinteracciones con tokens de duración y curva, Diseño para localización: expansión de texto en catalán e inglés, formatos y truncado seguro, HTML semántico y CSS a nivel de lectura (Flexbox, Grid, variables y puntos de ruptura)
Herramientas	Figma y FigJam (Auto Layout, variables y modos, librerías compartidas, Dev Mode), Tokens Studio, Style Dictionary y Supernova o zeroheight para documentación, Adobe Illustrator y Photoshop; Sketch en productos heredados, Storybook y Chromatic para revisar el componente construido y las pruebas visuales, Stark, Able y Polypane para contraste, foco y simulación de baja visión, After Effects con Lottie, ProtoPie y Rive para movimiento y microinteracciones, Blush, Iconify y Fontshare para recursos; Squoosh y SVGO para optimización, Jira, Linear, Notion y Confluence, Git a nivel básico para consultar la implementación y abrir incidencias de design QA
Habilidades interpersonales	Defensa argumentada de decisiones visuales ante negocio y marketing, con criterio y no con gusto, Crítica de diseño constructiva y mentoría de perfiles junior, Colaboración diaria con desarrollo: traducir un componente en algo construible y revisarlo en preproducción, Negociación del alcance visual frente a la fecha de entrega, con propuestas por fases, Documentación clara y mantenida, para que el sistema sobreviva a su autor, Autonomía y trabajo asíncrono en equipos distribuidos, Inglés profesional B2/C1 en reuniones, documentación y críticas de diseño

Nota sectorial

El mercado de diseño de interfaz en España se concentra en Madrid y Barcelona, con Valencia y Málaga creciendo con fuerza gracias a los centros tecnológicos abiertos en los últimos años, y se divide en tres mundos con expectativas y sueldos muy distintos. En estudios y agencias (Erretres, Summa, Vasava, Mucho, Saffron y una larga lista de estudios pequeños) el trabajo es más variado y visualmente más ambicioso, se rige a menudo por el convenio colectivo estatal de empresas de publicidad y las bandas están entre 20.000 € y 30.000 € brutos anuales, con jornadas exigentes en picos de entrega. En consultoría y servicios (NTT Data, Indra/Minsait, Accenture Song, Sopra Steria, VASS) se aplica el convenio estatal de consultoría, el contrato indefinido es la norma desde el primer día desde la reforma laboral de 2021, las bandas van de 24.000 € a 36.000 € y los proyectos son de banca, seguros, telecomunicaciones y administración pública, donde los requisitos del Real Decreto 1112/2018 y de la norma UNE-EN 301 549 son determinantes. En empresas de producto y scale-ups (Cabify, Glovo, Wallapop, Idealista, Factorial, TravelPerk, Typeform, Freepik, Fever, Jobandtalent, Seat:Code) se paga entre 40.000 € y 52.000 € para perfiles senior, con picos de 55.000 € a 65.000 € cuando se lidera el sistema de diseño o hay responsabilidad multiproducto, hay retribución flexible (seguro médico, ticket restaurante, presupuesto de formación) y modalidad híbrida de dos o tres días en oficina. Dos factores han cambiado la negociación en los dos últimos años. El primero es la Ley 11/2023, que desde el 28 de junio de 2025 extiende las obligaciones de accesibilidad al comercio electrónico, la banca y el transporte: un diseñador UI que sepa auditar contraste, foco y objetivos táctiles con criterio tiene hoy un argumento que antes no existía. El segundo es la madurez de los sistemas de diseño en las grandes empresas españolas —Telefónica mantiene Mistica en abierto y la banca lleva años invirtiendo en librerías propias—, lo que ha creado un perfil bien pagado de diseñador de sistemas que no existía como puesto hace cinco años. Si trabaja en remoto para empresas extranjeras desde España, tenga presente que suelen contratar a través de un EOR y que el bruto anual no siempre incluye los mismos conceptos que un contrato local.

FAQ

Preguntas frecuentes

Con datos de 2026, un perfil junior con menos de dos años se mueve entre 20.000 € y 26.000 € brutos anuales; de 3 a 5 años, entre 28.000 € y 38.000 €; y un senior en empresa de producto de Madrid o Barcelona, entre 40.000 € y 52.000 €, con casos de 55.000 € a 65.000 € cuando se lidera el sistema de diseño o se trabaja para una compañía internacional. Estudios y agencias pagan por debajo de esa horquilla y consultoría se sitúa en el tramo medio, aunque compensa con contrato indefinido inmediato y proyectos de gran tamaño. Compare siempre el bruto anual, el número de pagas, la retribución flexible y los días de oficina antes de decidir, porque entre dos ofertas con el mismo bruto puede haber 3.000 € de diferencia real.

Entre tres y seis por puesto, y menos en los más antiguos. La estructura que funciona es: decisión visual concreta, criterio que la sostiene y resultado medido. Si una viñeta no lleva número, casi siempre se puede reescribir para que lo lleve: 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, kilobytes de tipografía o de iconos. «Rediseñé la app» no dice nada; «unifiqué 14 grises heredados en una escala de 9 tonos semánticos» sitúa su nivel al instante.

Entre tres y cinco, con dos desarrollados a fondo. Cada caso debe responder a lo mismo: qué restricción real había (plazo, marca, plataforma, deuda visual, normativa), qué exploró y qué descartó, qué decidió y por qué, cómo se construyó y qué pasó después. Incluya al menos un caso de sistema de diseño, uno de producto complejo con estados poco lucidos —vacíos, errores, carga, tablas densas— y uno que enseñe rango visual. La pantalla final vendida es lo que menos se evalúa: lo que convence es el razonamiento intermedio y la capacidad de enseñar el trabajo feo que sostiene el bonito.

No es obligatorio, pero sí es la habilidad complementaria que más rentabiliza este perfil aquí. En equipos españoles de producto el ratio típico es de un diseñador por cada seis u ocho desarrolladores, así que quien entiende HTML, Flexbox, Grid y variables CSS diseña componentes construibles, discute la implementación con datos y hace un design QA útil en lugar de una lista de píxeles. Declárelo como «HTML y CSS a nivel de lectura» y no lo exagere: si escribe React o TypeScript en el CV, le harán una prueba de código que no le interesa hacer.

En un estudio se adquiere rango visual, velocidad y disciplina de presentación, y se tocan muchas marcas en poco tiempo; el precio es el sueldo, la intensidad en los picos y que rara vez se ve qué pasó con lo diseñado después del lanzamiento. En producto se aprende sistema, estados, mantenimiento, colaboración con desarrollo y medición, que es exactamente lo que piden las ofertas mejor pagadas de UI en España; el precio es menos variedad visual. El recorrido que mejor funciona en este mercado es dos o tres años de estudio y luego producto, porque el criterio estético se entrena antes y el pensamiento sistémico se puede aprender después con un buen equipo al lado.

Reencuadre lo que ya sabe y añada lo que le falta. La tipografía, la retícula, el color y la jerarquía son transferibles al 100 % y son justamente los fundamentos que muchos perfiles llegados del mundo digital no dominan. Lo que hay que incorporar es el pensamiento de sistema (componente, variante, estado, token), la responsabilidad ante la accesibilidad y la conversación con desarrollo. Un camino realista en España: rediseñe una pieza real de su portafolio como producto con sus estados completos, construya un mini sistema de 15 componentes en Figma y publíquelo en Figma Community, y busque primero un puesto híbrido de diseño gráfico y digital en un estudio, que es donde la transición se acepta sin castigo salarial.