Sistema de componentes UI
Componentes en React y TypeScript, emails responsivos y micro-frontends que varios equipos de cliente comparten.
Karla Agraz@csswoman
Construyo las interfaces que diseño.
UX/UI ENGINEER.
En Cultivate PCG construyo los flujos de gifting B2B, los eventos en vivo y el sistema de componentes en React y TypeScript.
DISPONIBLE PARA REMOTO
Ver trayectoria Recursos de diseño
Lista desplazable: desliza horizontalmente o usa las flechas izquierda y derecha para ver más experiencias.
En producción
Plataforma B2B desde cero
Un frontend escalable integrado con Laravel para gifting, eventos y herramientas internas, llevado de cero a producción.
Nomades — accesibilidad 100/100
Rediseñé el sitio de reservas hasta un 100/100 de accesibilidad en Lighthouse.
Tecnologías
Con lo que diseño y construyo a diario, del frontend a la IA.
- React
- Next.js
- TypeScript
- JavaScript
- Tailwind
- HTML
- CSS
- Git
- Figma
- Claude
Actividad en GitHub
Gráfico desplazable: desliza horizontalmente o usa las flechas izquierda y derecha para ver el calendario completo.
Sobre mí
Soy UX/UI Engineer: diseño interfaces y las construyo yo misma. Llevo más de cinco años justo en ese punto donde el diseño y el frontend se encuentran, cuidando tanto cómo se ve y se siente un producto como la calidad del código que hay detrás.
Aprendí a programar de forma autodidacta y no he parado desde entonces; me obsesiona entender cómo funcionan las cosas. Ahora me interesa especialmente cómo la IA está cambiando la forma en que diseñamos y construimos interfaces, y cómo aprovecharla sin perder el criterio de diseño.
Fuera del código me inspiran los videojuegos, la tipografía y el diseño bien hecho. Me gustan los detalles pequeños, las animaciones que se sienten bien y las interfaces que dan gusto usar.
En qué creo
- Después de años construyendo producto, tengo claro que un sistema de componentes no es un lujo: es lo que evita que cada pantalla nueva termine convertida en deuda técnica.
- No me interesa entregar pantallas sueltas. Prefiero construir sistemas —tokens, semántica y patrones— que el resto del equipo pueda reutilizar sin empezar de cero.
- He visto muchos design systems nacer bonitos y quedar abandonados. Lo difícil no es diseñarlos, sino mantenerlos vivos dentro de un producto real; ahí es donde pongo mi energía.