This role will assist with the development of our internal Angular design system component library, strongly contributing to the stability and scalability of our core frontend frameworks.
As a key engineer on the team, you will focus on high-quality component development, ensuring our library is structured and documented in a way that enables AI tools, code generation workflows, and agentic experiences to consume 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.ResponsibilitiesBuild, maintain, and improve reusable Angular UI components aligned to our design system guidelinesWrite unit tests using Jasmine/Karma and end-to-end (e2e) tests using CypressDevelop and maintain complex data table and filtering features within the design systemCollaborate on reactive form components and form input patterns defined by the design systemEnsure all components meet accessibility standards (WCAG)



through automated testing toolsHelp maintain and generate component documentationApply consistent code quality standards using ESLint and PrettierWork within the Angular library project structure, including ng-package, schematics, and multiple tsconfig targetsWork with AI to accelerate development of the library, and to embed the design system into our internal AI solutionsParticipate in the versioning and release of the Angular component library and provide support to its consumersRequired Skills2–5 years of hands-on experience with Angular (v15+; project is on Angular 21) and a solid understanding of reusable component-level developmentStrong understanding of TypeScript and RxJSExperience with Angular Reactive Forms and component lifecycle hooksProficiency with HTML/SCSS and component-level styling using design tokensExperience writing high-quality code that is well-documented and easy to maintain with accompanying unit tests and familiarity with end-to-end (e2e) testingComfortable working in a monorepo and Angular library project structureComfortable working within Figma to analyze design specificationsSolid Git workflow skills, including branching, pull requests (PRs),



and code reviewsStrong attention to detail & analytical skillsStrong communication skills, and ability to raise and elevate concerns when appropriateStay up to date on the latest software development trends and technologiesDesirable Skills & ExperiencePrior experience contributing to or consuming a design system or component libraryFamiliarity with Angular CDK and advanced component patterns, such as portals, overlays, and virtual scrollingExperience with Angular Schematics, including ng-add, ng-generate, and ng-updateAwareness of WCAG/accessibility principles and automated accessibility (a11y) testingUnderstanding of CI/CD pipelines (Jenkins) and containerized deployments using Docker and HelmEducationBachelor's/University degree or equivalent experienceJob Family Group: TechnologyJob Family: Digital Design EngineeringTime Type: Full timeMost 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.
#J-*****-Ljbffr

📌 Design System Developer – Angular (México)
🏢 Citibank (Switzerland
📍 México