Design System Developer – Angular

Citi; Ciudad de México; Presencial; MXN 400.000 - 660.000; Jornada completa

Descripción de la vacante

Citi is seeking a skilled front-end engineer in Mexico City to build and maintain Angular UI components within our design system. You will implement high-quality code, write unit and end-to-end tests, and ensure accessibility compliance while collaborating across teams.

You will work in a monorepo, contribute to library tooling, and participate in releases. Familiarity with Figma and design tokens will help translate design specs into robust components.

Formación

• 2-5 years of hands-on Angular (v15+) experience
• Strong TypeScript and RxJS understanding
• Experience with Angular Reactive Forms and lifecycle hooks
• Proficiency in HTML/SCSS and component-level styling
• Experience writing well-documented code with unit tests and e2e tests
• Comfortable in a monorepo and Angular library project structure
• Familiarity with designing specs in Figma and design tokens
• Solid Git workflow skills (branching, PRs, code reviews)
• Attention to detail and analytical thinking
• Strong communication and escalation abilities
• Awareness of latest software development trends

Responsabilidades

• Build, maintain, and improve reusable Angular UI components aligned to design system guidelines
• Write unit tests using Jasmine/Karma and e2e tests using Cypress
• Develop and maintain complex data table and filtering features
• Collaborate on reactive form components and input patterns
• Ensure components meet WCAG accessibility standards via automated testing
• Document components and maintain documentation
• Apply code quality standards using ESLint and Prettier
• Work within Angular library project structure (ng-package, schematics, tsconfig targets)
• Collaborate with AI to accelerate library development and integration
• Participate in versioning and release of the Angular component library

Conocimientos

Angular

TypeScript

RxJS

Reactive Forms

HTML/CSS

Unit tests

E2E testing

Git workflows

Design system knowledge

Figma familiarity

Accessibility standards

Educación

Bachelor’s degree

Herramientas

Jenkins

Docker

Helm

Angular Schematics

Descripción del empleo

Responsibilities

• Build, maintain, and improve reusable Angular UI components aligned to our design system guidelines
• Write unit tests using Jasmine/Karma and end-to-end (e2e) 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 to embed the design system into our internal AI solutions
• Participate in the versioning and release of the Angular component library and provide support to its consumers

Required Skills

• 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 escalation concerns when appropriate
• Stay up to date on the latest software development trends and technologies

Desirable Skills & Experience

• Prior experience contributing to or consuming a design system or component library
• Familiarity with Angular CDK and advanced component patterns, such as portals, overlays, and virtual scrolling
• Experience with Angular Schematics, including ng-add, ng-generate, and ng-update
• Awareness of WCAG/accessibility principles and automated accessibility (a11y) testing
• Understanding of CI/CD pipelines (Jenkins) and containerized deployments using Docker and Helm

Education

• Bachelor’s/University degree or equivalent experience

Job Family Group

Technology

Job Family

Digital Design Engineering

Time Type

Full time

Most Relevant Skills

Please see the requirements listed above.

Other Relevant Skills

For complementary skills, please see above and/or contact the recruiter.

Citi is an equal opportunity employer, and qualified candidates will receive consideration without regard to their race, color, religion, sex, sexual orientation, gender identity, national origin, disability, status as a protected veteran, or any other characteristic protected by law.

If you are a person with a disability and need a reasonable accommodation to use our search tools and/or apply for a career opportunity review Accessibility at Citi.

View Citi’s EEO Policy Statement and the Know Your Rights poster.