Plataforma de agendamiento de citas médicas. Diseño propio en Figma (34 componentes) e implementación en React, TypeScript y SCSS con BEMIT. Objetivo WCAG 2.2 AA, probado con axe-core, teclado y NVDA. |
Diseño de la Figma Community (Herve Wabo) llevado a React, TypeScript y Tailwind CSS v4, con 54 desviaciones documentadas. Objetivo WCAG 2.2 AA, probado con teclado, NVDA y TalkBack. |
Plugin aprobado por Figma que genera la base de un design system: variables y estilos con nomenclatura para código, 15 componentes base y exportación a DESIGN.md y tokens W3C. |
Plantillas de arquitectura CSS escalable, semántica y accesible para arrancar proyectos de maquetación. |
7 años traduciendo diseños de Figma a código semántico, mantenible y pixel-perfect, y 11 años en tecnología. Maqueté proyectos enterprise para clientes de España, Colombia, México y Chile en banca, salud, aeronáutica e infraestructura. Extraigo medidas, tokens y nomenclatura del archivo de diseño y los llevo al código con el mismo lenguaje.
--fidelidad |
--a11y |
--arquitectura |
--workflow-ia |
|---|---|---|---|
| Mismos gaps, tokens y nombres que en Figma | WCAG 2.2 AA desde la primera línea de markup | BEMIT / ITCSS y design tokens de tres niveles | Skills propias, MCP con Figma y plugins |
{
"markup": ["HTML5", "CSS3", "SCSS", "BEMIT/ITCSS", "Tailwind CSS v4"],
"ui": ["React", "Next.js", "Angular", "TypeScript", "Nunjucks"],
"componentes": ["PrimeReact", "PrimeNG", "MUI", "Bootstrap"],
"motion": ["GSAP", "Framer Motion", "WAAPI"],
"diseño": ["Figma", "variables", "plugins", "MCP"]
}
- Cursando la Licenciatura en Desarrollo de Sistemas Web en la Universidad de Guadalajara.
- Escribiendo en Medium sobre CSS moderno, arquitectura front-end y accesibilidad.
- Abierto a oportunidades remotas: tiempo completo o freelance.
valam.osvaldo@gmail.com · Ciudad de México · Remoto