Angular Design System Engineer

Citi; Estado de México; Presencial; MXN 480.000 - 600.000; Jornada completa

Descripción de la vacante

Citi is seeking a frontend engineer to help develop and maintain our internal Angular design system component library. You will build high-performance components, ensure accessibility, and collaborate with design and CSS leads for a cohesive foundation. The role includes testing, documentation, and supporting internal AI-driven workflows.

You will work with Angular v15+ in a monorepo, write unit and e2e tests, and partner with teams to onboard and integrate the library across projects.

Formación

• 2-5 years of hands-on Angular experience (v15+; project is on Angular 21).
• 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 well-documented code with unit tests and familiarity with e2e testing.
• Comfortable in a monorepo/Angular library project structure.
• Familiarity with Figma for analyzing design specs.
• Strong Git workflow skills: branching, PRs, code reviews.
• Attention to detail and analytical skills.
• Good communication and ability to raise concerns when needed.

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 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.
• Engage with AI to accelerate development of the library and embed it into internal AI solutions.
• Participate in versioning and release of the Angular component library and provide support to its consumers.

Conocimientos

Angular

TypeScript

RxJS

Reactive Forms

HTML/SCSS

Design tokens

Git workflows

Figma

Unit testing

End-to-end testing

Educación

Bachelor's/University degree or equivalent experience

Herramientas

Jasmine/Karma

Cypress

Descripción del empleo

Citi is seeking a frontend engineer to help develop and maintain our internal Angular design system component library. You will build high-performance components, ensure accessibility, and collaborate with design and CSS leads for a cohesive foundation. The role includes testing, documentation, and supporting internal AI-driven workflows.

You will work with Angular v15+ in a monorepo, write unit and e2e tests, and partner with teams to onboard and integrate the library across projects.