Frontend Angular UI Library Engineer

Xideral; Xico; On-site; MXN 550,000 - 850,000; Full time

Job summary

Citi is seeking an experienced frontend engineer to advance our internal Angular design system and component library. You will build high-quality UI components, write unit and e2e tests, and ensure accessibility and documentation standards are met.

Collaboration with design and AI-enabled workflows will be key to delivering a scalable library for internal and external use. You will work within a Design organization and Angular library project structure, contributing to CI/CD and tooling, with a

Qualifications

• 2-5 years of hands-on Angular experience (v15+; project on Angular 21) and reusable component 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 well-documented code with unit tests and familiarity with e2e testing.
• Comfortable in a monorepo and Angular library project structure.
• Familiarity with using Figma to analyze design specs.
• Solid Git workflow skills including PRs and code reviews.
• Strong attention to detail and analytical skills.
• Excellent communication and ability to raise issues when needed.

Responsibilities

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

Skills

Angular

TypeScript

RxJS

Reactive Forms

Unit tests

E2E testing

Accessibility WCAG

Git workflow

Design tokens

Monorepo

Figma

Education

Bachelor’s degree or equivalent

Tools

Jenkins

Docker

Helm

Angular Schematics

Job description

Citi is seeking an experienced frontend engineer to advance our internal Angular design system and component library. You will build high-quality UI components, write unit and e2e tests, and ensure accessibility and documentation standards are met.

Collaboration with design and AI-enabled workflows will be key to delivering a scalable library for internal and external use. You will work within a Design organization and Angular library project structure, contributing to CI/CD and tooling, with a