LOG IN
SIGN UP
Canary Wharfian - Online Investment Banking & Finance Community.
Sign In
Forgot password?
Don't have an account?
or
Join Canary Wharfian
By signing up, you agree to our Terms & Conditions and Privacy Policy.
or

Design System Developer – Angular

ExperiencedNo visa sponsorship
Citi logo

at Citi

Bulge Bracket Investment Banks

Posted 11 days ago

No clicks

**Design System Developer – Angular** Assist in developing our internal Angular design system component library, driving stability and scalability. Key engineer responsibility includes high-quality component development, ensuring our library is structured and documented for AI tool consumption and agentic experiences. Collaborate with framework dev team and CSS lead for a cohesive, consistent design-code foundation. Contribute to code aligning with our design library's standards, maintaining high-performance Angular components that deliver best-in-class user experiences. **Responsibilities:** - Build, maintain, and improve reusable Angular UI components aligned to design system guidelines. - Write unit tests using Jasmine/Karma and end-to-end (e2e) tests using Cypress. - Develop complex data table and filtering features within the design system. - Ensure all components meet accessibility standards (WCAG) through automated testing tools. **Required Skills:** - 2–5 years of hands-on experience with Angular (v15+) and TypeScript. - Experience with Angular Reactive Forms and component lifecycle hooks. - Proficiency with HTML/SCSS and styling using design tokens. **Location:** Ciudad De Mexico, Ciudad De Mexico, Mexico

Compensation
Not specified

Currency: Not specified

City
Not specified
Country
Mexico

Full Job Description

Design System Developer Angular

Apply (opens in new window)
Save

Job Req Id:

26983612

Location(s):

Ciudad De Mexico, Ciudad De Mexico, Mexico

Job Type:

Hybrid

Posted:

Aug. 27, 2026

Discover your future at Citi

Working at Citi is far more than just a job. A career with us means joining a team of approximately 219,000 dedicated people from around the globe. At Citi, youll have the opportunity to grow your career, give back to your community and make a real impact.

Job Overview

This role will assist with the development of our internal Angular design system component library, strongly contributing to thestabilityand scalability of our core frontend frameworks. As a key engineer on the team, you will focus on high-quality component developmentensuring our library is structured and documented in a way that enables AI tools, code generation workflows, and agentic experiences toconsume and build with our components. You will work closely with the rest of our framework development team and CSS lead to maintain a cohesive and consistent foundation across design and code.

Integrated within the Design organization, you will produce code that aligns with the standards of our internal design library. This is a core engineering role focused on building and maintaining high-performance Angular components that deliver a best-in-class user experience to our clients, both internally and externally. You will also partner closely with internal development teams to provide onboarding, integration guidance, and ongoing technical support as they adopt the library.

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

  • 25 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

  • 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

  • Bachelors/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 (opens in new window).

    View Citis EEO Policy Statement (opens in new window) and the Know Your Rights (opens in new window) poster.

    Apply (opens in new window)
    Save

    Design System Developer – Angular

    Compensation

    Not specified

    City: Not specified

    Country: Mexico

    Citi logo
    Bulge Bracket Investment Banks

    11 days ago

    No clicks

    at Citi

    ExperiencedNo visa sponsorship

    **Design System Developer – Angular** Assist in developing our internal Angular design system component library, driving stability and scalability. Key engineer responsibility includes high-quality component development, ensuring our library is structured and documented for AI tool consumption and agentic experiences. Collaborate with framework dev team and CSS lead for a cohesive, consistent design-code foundation. Contribute to code aligning with our design library's standards, maintaining high-performance Angular components that deliver best-in-class user experiences. **Responsibilities:** - Build, maintain, and improve reusable Angular UI components aligned to design system guidelines. - Write unit tests using Jasmine/Karma and end-to-end (e2e) tests using Cypress. - Develop complex data table and filtering features within the design system. - Ensure all components meet accessibility standards (WCAG) through automated testing tools. **Required Skills:** - 2–5 years of hands-on experience with Angular (v15+) and TypeScript. - Experience with Angular Reactive Forms and component lifecycle hooks. - Proficiency with HTML/SCSS and styling using design tokens. **Location:** Ciudad De Mexico, Ciudad De Mexico, Mexico

    Full Job Description

    Design System Developer Angular

    Apply (opens in new window)
    Save

    Job Req Id:

    26983612

    Location(s):

    Ciudad De Mexico, Ciudad De Mexico, Mexico

    Job Type:

    Hybrid

    Posted:

    Aug. 27, 2026

    Discover your future at Citi

    Working at Citi is far more than just a job. A career with us means joining a team of approximately 219,000 dedicated people from around the globe. At Citi, youll have the opportunity to grow your career, give back to your community and make a real impact.

    Job Overview

    This role will assist with the development of our internal Angular design system component library, strongly contributing to thestabilityand scalability of our core frontend frameworks. As a key engineer on the team, you will focus on high-quality component developmentensuring our library is structured and documented in a way that enables AI tools, code generation workflows, and agentic experiences toconsume and build with our components. You will work closely with the rest of our framework development team and CSS lead to maintain a cohesive and consistent foundation across design and code.

    Integrated within the Design organization, you will produce code that aligns with the standards of our internal design library. This is a core engineering role focused on building and maintaining high-performance Angular components that deliver a best-in-class user experience to our clients, both internally and externally. You will also partner closely with internal development teams to provide onboarding, integration guidance, and ongoing technical support as they adopt the library.

    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

    • 25 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

    • 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

    • Bachelors/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 (opens in new window).

      View Citis EEO Policy Statement (opens in new window) and the Know Your Rights (opens in new window) poster.

      Apply (opens in new window)
      Save