Angular Design System Engineer: UI Components & Accessibility

Citigroup Inc.; Ciudad de México; Presencial; MXN 949.000 - 1.228.000; Jornada completa

Descripción de la vacante

Citigroup Inc. is seeking an Angular UI engineer in Mexico City to build and maintain reusable components aligned with our design system. You will write unit and E2E tests, implement complex data tables, and collaborate on reactive forms and accessibility patterns.

The role involves contributing to library packaging, documentation, and CI/CD workflows within a monorepo. You will work closely with design and product teams, leverage Figma specs, and apply consistent code quality standards while

Formación

• 2–5 years of hands-on experience with Angular (v15+; project is on Angular 21) and a solid understanding of reusable component-level development.
• Strong understanding of TypeScript and RxJS.
• Experience with Angular Reactive Forms and component lifecycle hooks.
• Proficiency with HTML/SCSS and component-level styling using design tokens.
• Experience writing high-quality code that is well-documented and easy to maintain with accompanying unit tests and familiarity with end-to-end (e2e) testing.
• Comfortable working in a monorepo and Angular library project structure.
• Comfortable working within Figma to analyze design specifications.
• Solid Git workflow skills, including branching, pull requests (PRs), and code reviews.
• Strong attention to detail & analytical skills.
• Strong communication skills, and ability to raise and escalate concerns when appropriate.

Responsabilidades

• Build, maintain, and improve reusable Angular UI components aligned to our design system guidelines.
• Write unit tests using Jasmine/Karma and end-to-end tests using Cypress.
• Develop and maintain complex data table and filtering features within the design system.
• Collaborate on reactive form components and form input patterns defined by the design system.
• Ensure all components meet accessibility standards (WCAG) through automated testing tools.
• Help maintain and generate component documentation.
• Apply consistent code quality standards using ESLint and Prettier.
• Work within the Angular library project structure, including ng-package, schematics, and multiple tsconfig targets.
• Work with AI to accelerate development of the library and embed the design system into internal AI solutions.
• Participate in versioning and release of the Angular component library and provide support to its consumers.

Conocimientos

Angular

TypeScript

RxJS

HTML/CSS

Reactive Forms

Unit & E2E testing

Git workflows

Figma

Monorepo

CI/CD

Educación

Bachelor's degree or equivalent experience

Herramientas

Angular Schematics

Jenkins

Docker

Helm

ng-packages

Descripción del empleo

Citigroup Inc. is seeking an Angular UI engineer in Mexico City to build and maintain reusable components aligned with our design system. You will write unit and E2E tests, implement complex data tables, and collaborate on reactive forms and accessibility patterns.

The role involves contributing to library packaging, documentation, and CI/CD workflows within a monorepo. You will work closely with design and product teams, leverage Figma specs, and apply consistent code quality standards while