{"id":143483,"url":"https://alion.io/job/citi-design-system-developer-angular","title":"Design System Developer – Angular","company":{"id":7841,"name":"Citi","domain":"citi.com","url":"https://alion.io/company/citi","size_band":"5000+","is_staffing_agency":false,"employer_type":"direct","is_intermediary":false,"listed_via":null,"ats_vendor":"Workday","truth_index":{"grade":"A","score":100,"open_postings":377,"ghost_share":0.008,"stale_share":0.003,"repost_share":0.088,"time_to_fill_p50_days":10,"computed_at":"2026-10-16T05:45:00Z"}},"role":"Frontend","role_family":"Frontend","seniority":"junior","employment_type":"full_time","work_mode":"hybrid","remote_scope":null,"remote_scope_basis":null,"remote_working_hours":null,"hiring_geo_confidence":"structured","locations":["Mexico City, Mexico"],"countries":["MX"],"hiring_countries":[],"hiring_countries_total":0,"salary":null,"salary_estimate":null,"experience_years_min":2,"visa_sponsorship":false,"relocation_package":false,"has_equity":false,"technologies":[{"name":"AI Agents","optional":false},{"name":"Angular","optional":false},{"name":"Cypress","optional":false},{"name":"Figma","optional":false},{"name":"Git","optional":false},{"name":"Prettier","optional":false},{"name":"RxJS","optional":false},{"name":"Sass","optional":false},{"name":"TypeScript","optional":false},{"name":"CI/CD","optional":true},{"name":"Docker","optional":true},{"name":"JavaScript","optional":true},{"name":"Jenkins","optional":true}],"status":"live","first_seen_at":"2026-08-27T00:00:00Z","employer_posted_date":"2026-09-22","last_verified_at":"2026-10-15T16:46:52Z","board_verified":true,"closed_at":null,"days_open":50,"trust":{"level":"ok","repost_count":1,"flags":[],"days_open":50},"description":"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 development, ensuring 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.\nIntegrated 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.\nResponsibilities\nBuild, maintain, and improve reusable Angular UI components aligned to our design system guidelines\n\nWrite unit tests using Jasmine/Karma and end-to-end (e2e) tests using Cypress\n\nDevelop and maintain complex data table and filtering features within the design system\n\nCollaborate on reactive form components and form input patterns defined by the design system\n\nEnsure all components meet accessibility standards (WCAG) through automated testing tools\n\nHelp maintain and generate component documentation\n\nApply consistent code quality standards using ESLintand Prettier\n\nWork within the Angular library project structure, including ng-package, schematics, and multiple tsconfigtargets\n\nWork with AI to accelerate development of the library, and to embed the design systeminto our internal AI solutions\n\nParticipate in the versioning and release of the Angular component library and provide support to its consumers\n\nRequired Skills\n2-5 years of hands-on experience with Angular (v15+; project is on Angular 21) and a solid understanding of reusable component-level development\n\nStrong understanding of TypeScript and RxJS\n\nExperience with Angular Reactive Forms and component lifecycle hooks\n\nProficiency with HTML/SCSS and component-level styling using design tokens\n\nExperience writing high-quality code that is well-documented and easy to maintain with accompanying unit tests and familiarity with end-to-end (e2e) testing\n\nComfortable working in a monorepoand Angular library project structure\n\nComfortable working within Figma to analyze design specifications\n\nSolid Git workflow skills, including branching, pull requests (PRs), and code reviews\n\nStrong attention to detail & analytical skills\n\nStrong communication skills, and ability to raise and escalate concerns when appropriate\n\nStay up to date on the latest software development trends and technologies\n\nDesirable Skills & Experience\nPrior experience contributing to or consuming a design system or component library\n\nFamiliarity with Angular CDK and advanced component patterns, such as portals, overlays, and virtual scrolling\n\nExperience with Angular Schematics, including ng-add, ng-generate, and ng-update\n\nAwareness of WCAG/accessibility principles and automated accessibility (a11y) testing\n\nUnderstanding of CI/CD pipelines (Jenkins) and containerized deployments using Docker and Helm\n\nEducation\nBachelor’s/University degree or equivalent experience\n\n------------------------------------------------------\nJob Family Group:\nTechnology------------------------------------------------------\nJob Family:\nDigital Design Engineering------------------------------------------------------\nTime Type:\nFull time------------------------------------------------------\nMost Relevant Skills\nPlease see the requirements listed above.------------------------------------------------------\nOther Relevant Skills\nFor complementary skills, please see above and/or contact the recruiter.------------------------------------------------------\nCiti 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.\nIf 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.\nView Citi’s EEO Policy Statement and the Know Your Rights poster.","description_format":"text","description_chars":4620,"description_truncated":false,"requirements":{"experience_years_min":2,"management_years_min":null,"team_size_min":null,"manages_managers":false,"education":null,"security_clearance":false,"languages":[]},"benefits":[],"hiring_locations":[{"name":"Mexico","iso":"MX","kind":"country"}],"hiring_excludes":[],"relocation_offered":false,"industries":["Commercial & Retail Banks","Wealth Management & Financial Advisors","Payment Processing & Gateways","Investment Banking & M&A Advisory"],"lifecycle":[{"event":"open","at":"2026-08-27T00:00:00Z"},{"event":"close","at":"2026-09-03T07:58:10Z"},{"event":"reopen","at":"2026-09-03T23:29:56Z"},{"event":"close","at":"2026-09-11T06:02:04Z"},{"event":"reopen","at":"2026-09-11T15:15:26Z"},{"event":"close","at":"2026-09-21T11:58:29Z"},{"event":"reopen","at":"2026-09-22T19:07:24Z"}],"visa":[],"liveness":{"score":5,"band":"cold","label":"Long shot","p_open":1,"p_active":0.166,"p_room":0.28,"age_days":50,"expected_fill_days":10,"reasons":["conf:12","velocity","win:tail","crowd:junior,brand"],"computed_at":"2026-10-16T05:45:00Z"},"pay":null,"html_url":"https://alion.io/job/citi-design-system-developer-angular","json_url":"https://alion.io/job/citi-design-system-developer-angular.json","meta":{"generated_at":"2026-10-16T15:42:57Z","cache_seconds":300,"methodology":"https://alion.io/methodology","terms":"https://alion.io/terms","contact":"https://alion.io/contact","api":"https://alion.io/developers","about":"Alion is a live layer of people, companies and AI agents: who they are, whether they are real and active right now, what they do and how to work with them, readable by people and by agents and paid per call.","catalog":"https://alion.io/catalog.json","usage":{"tier":"crawler_verified","counted_by":"address","units_charged":1,"used_today":15576,"day_limit":null,"remaining_today":null,"minute_limit":300,"resets_at":"2026-10-17T00:00:00Z"}},"offers":[{"id":"company.slices","title":"One company in depth, by slice","status":"live","price":{"credits":0.02,"usd":0.002,"plus_per_slice":{"credits":0.05,"usd":0.005}},"unit":"per company, plus each slice with data","note":"the employer in depth","call":{"mcp_tool":"get_company","arguments":{"id":7841},"rest":"https://alion.io/mcp/rest/get_company?id=7841"},"human":"https://alion.io/catalog?offer=company.slices&for=job%2Fciti-design-system-developer-angular"},{"id":"market.stats","title":"A market slice: pay, demand and time to fill","status":"live","price":{"credits":1,"usd":0.1},"unit":"per slice","note":"pay, demand and time to fill for this role and place","call":{"mcp_tool":"market_stats"},"human":"https://alion.io/catalog?offer=market.stats&for=job%2Fciti-design-system-developer-angular"},{"id":"job.search","title":"Open jobs by role, technology, place, pay and visa","status":"live","price":{"credits":0.02,"usd":0.002},"unit":"per posting in a list","note":"similar open postings","call":{"mcp_tool":"search_jobs"},"human":"https://alion.io/catalog?offer=job.search&for=job%2Fciti-design-system-developer-angular"},{"id":"company.verify","title":"Is this company real and active right now","status":"pilot","price":null,"unit":"per company","request":{"url":"https://alion.io/catalog/request","method":"POST","body":"{\"offer\": \"company.verify\", \"for\": \"job/citi-design-system-developer-angular\", \"note\": \"what you need it for\"}"},"human":"https://alion.io/catalog?offer=company.verify&for=job%2Fciti-design-system-developer-angular"}]}