Head of Design Systems (UX) - Director

Reposted 5 Days Ago
Be an Early Applicant
Mississauga, ON
In-Office
160K-270K Annually
Senior level
Fintech • Financial Services
The Role
Lead the development and strategy of an enterprise design system, overseeing governance, system architecture, and digital accessibility while managing a global team and ensuring brand consistency across all digital experiences.
Summary Generated by Built In

Role summary 

We’re hiring a Head of Design Systems to lead the strategy, technology, and creative direction of our enterprise-wide design system that powers digital experiences across businesses and functions. This leader will be both a seasoned design craft practitioner and a strong engineering-minded platform owner—accountable for the visual digital brand, the system’s component library and code, governance, documentation, and adoption. You’ll manage a global, multi-disciplinary team of designers, design technologists/developers, strategists, writers, and producers, and you’ll own our design and research tool portfolio (e.g., Figma Enterprise, research/analytics platforms). A deep understanding of AI (generative AI and agentic AI) and digital accessibility is essential to transform our platform into an AI-powered, scalable foundation that accelerates innovative, creative, compliant delivery in a regulated environment. 

What you’ll do 

Vision, strategy, and governance 

  • Set the multi-year vision and roadmap for the enterprise design system—covering design tokens, components, patterns, documentation, and platform services—aligned to business priorities, risk, digital accessibility, and engineering strategy. 

  • Establish and chair cross-functional governance (Design, Product, Engineering, Brand, Accessibility, Compliance, Security, and Architecture) with clear contribution and change-management models. 

  • Define adoption strategy, KPIs/OKRs, and incentives to drive measurable outcomes across lines of business and functions. 

Platform consolidation & migration (multi-system → unified platform) 

  • Inventory and assess existing/legacy design systems across businesses/functions (tokens, components, code stacks, documentation quality, accessibility posture, and adoption). 

  • Define a convergence strategy: token mapping & theming, component equivalence matrix, de-duplication rules, and brand harmonization guidelines. 

  • Create a phased migration plan with success criteria, deprecation timelines, risk controls, and a documented rollback path. 

  • Provide tooling and automation (e.g., codemods, lint rules, UI audits, visual-regression baselines) to accelerate safe migration. 

  • Stand up a contribution/exception process and a comms plan, with dashboards to track migration progress and impact. 

System architecture & engineering excellence 

  • Lead engineering for the system’s codebase (e.g., Web Components/React/Angular, TypeScript, Storybook, CI/CD, package distribution/registries) and partner with Architecture on standards: design tokens, theming, motion, internationalization (i18n) and right-to-left (RTL) support. 

  • Ensure quality through automated testing (unit/visual regression), performance budgets, security scans, and a versioning/release strategy (safe migrations, deprecation policies). 

  • Integrate the system into product pipelines (e.g., GitHub/GitLab and internal developer portals) to reduce design-to-engineering friction and improve time-to-market, with opinionated pull/merge templates, required reviewers, and branch protections. 

Art direction & brand stewardship 

  • Serve as the art director and custodian of our digital visual brand—color, typography, iconography, motion, and imagery—ensuring brand consistency and accessibility across channels. 

  • Guide creative expression across retail, commercial, institutional, and employee experiences, balancing brand distinctiveness with regulatory and accessibility requirements. 

AI-powered platform & automation 

  • Agentic workflows for design-to-code, pattern suggestions, component development and migration, unit testing, and knowledge & documentation playbooks. 

  • Automated accessibility controls (e.g., token-level contrast rules, Axe/Lighthouse CI, alt-text and content checks) embedded in design and build pipelines. 

  • Knowledge & retrieval over documentation and usage guidelines (RAG), plus evaluation frameworks, guardrails, and auditability to meet model-governance expectations. 

Design operations, tooling, and research 

  • Own the portfolio of design and research tools (e.g., Figma Enterprise libraries /branching /tokens plugins; platforms like Matomo / UserTesting / Qualtrics) including licensing, supplier management, financials, and workflow standards. 

  • Define contribution workflows, templates, and content standards for documentation sites; ensure discoverability and self-service onboarding. 

Accessibility, compliance, and risk 

  • Embed WCAG (latest versions) and regional requirements into tokens, components, patterns, and governance—treating accessibility as a default. 

  • Partner with Legal/Compliance, InfoSec, Model Risk, and In-Business Risk & Controls on standards, audits, and evidence to support internal controls, SOX/PCI/data-privacy, and AI model governance. 

  • Establish telemetry and reporting that links design-system adoption to risk reduction and customer outcomes. 

Content systems & CMS integration 

  • Partner with Content Design and Engineering on CMS strategy (e.g., headless CMS such as Adobe Experience Manager (AEM)), ensuring components, patterns, and editorial workflows are integrated, versioned, and accessible. 

  • Define guidance for localization (L10n)—the translation and regional adaptation of content—alongside i18n foundations, including pluralization rules, date/number/currency formats, time zones, and RTL layout mirroring (using CSS logical properties). 

  • Provide standards for personalization, disclosure content, and omnichannel publishing to maintain brand and compliance at scale. 

People leadership and culture 

  • Lead, grow, and mentor a global team of designers, developers, strategists, writers, and producers; build clear career ladders and communities of practice. 

  • Foster an inclusive, accountable, and outcomes-oriented culture grounded in craft excellence, technical rigor, and measurable impact.

What you’ll bring:

Must-have 

  • 10–15+ years in digital product design and systems; 5+ years leading enterprise design systems at scale, ideally in regulated industries (banking/fintech/insurance). 

  • Portfolio that demonstrates design craft (UI/visual/interaction) and system leadership (tokens/components/patterns, brand evolution, before/after impact). 

  • Hands-on fluency with modern front-end stacks (TypeScript, React/Angular or Web Components, Storybook, design tokens, theming) and CI/CD practices; ability to set PR standards and release/versioning policies. 

  • Proven art direction experience with a strong visual sensibility and motion principles applied to systemized UI. 

  • Practical experience applying generative/agentic AI to design and engineering workflows (code generation/review, unit testing, documentation playbooks, migration support, RAG) with guardrails, evaluations, and governance. 

  • Deep knowledge of digital accessibility and WCAG, assistive tech, and how to embed accessibility into tokens/components and SDLC gates. 

  • Tooling leadership: Figma Enterprise (libraries, tokens, branching, audit), research/analytics platforms (e.g., Matomo, UserTesting, Qualtrics), documentation sites, analytics/telemetry. 

  • Experience shipping products across multiple businesses and functions with i18n, L10n, and RTL considerations and regulatory/locale constraints. 

  • Exceptional stakeholder management and communication; ability to partner with CIO/CTO, Design Leadership, CMO, Enterprise Architecture, Risk/Compliance, and Product leadership. 

Nice-to-have 

  • Experience with headless CMS (AEM), structured content modeling, and editorial workflows. 

  • Familiarity with developer portals, npm/private registries, monorepos, and visual regression testing. 

  • Understanding of data lineage/quality as it impacts design integrity and personalization at scale. 

  • Exposure to design analytics, A/B testing, and tying system adoption to business KPIs. 

 

Success measures (first 12–18 months) 

  • Adoption & coverage: % of journeys using system components; component/pattern coverage vs. top use cases; reduction in bespoke UI. 

  • Efficiency: ↓ design-to-engineering handoff time; ↑ reuse PRs; ↓ front-end defects and rework. 

  • Accessibility & risk: Automated checks at token/component/CI layers; measurable drop in accessibility defects; audit artifacts produced. 

  • AI impact: Agentic workflows in production (component development/migration tools, unit-test generation, knowledge/playbook automation); measurable cycle-time and quality improvements. 

  • Brand consistency: Measurable increase in consistency across businesses/functions; successful rollout of updated brand tokens and motion. 

  • Satisfaction: Improved designer/developer NPS/CSAT; decreased support MTTR; strong contributor pipeline. 

 

Key partners 

Design, Product, Business, and Engineering leaders • Brand/Marketing • Enterprise Architecture • Platform Engineering • InfoSec/Privacy • Legal/Compliance • Risk & Control • Data/ML

------------------------------------------------------

Job Family Group:

Technology

------------------------------------------------------

Job Family:

Digital Design Engineering

------------------------------------------------------

Time Type:

Full time

------------------------------------------------------

Primary Location Full Time Salary Range:

$160,000.00 - $270,000.00

------------------------------------------------------

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.

Top Skills

AI
Angular
Ci/Cd
Figma Enterprise
React
Storybook
Typescript
Web Components
Am I A Good Fit?
beta
Get Personalized Job Insights.
Our AI-powered fit analysis compares your resume with a job listing so you know if your skills & experience align.

The Company
HQ: Kwun Tong, Kowloon
223,850 Employees

What We Do

Citi's mission is to serve as a trusted partner to our clients by responsibly providing financial services that enable growth and economic progress. Our core activities are safeguarding assets, lending money, making payments and accessing the capital markets on behalf of our clients. We have 200 years of experience helping our clients meet the world's toughest challenges and embrace its greatest opportunities. We are Citi, the global bank – an institution connecting millions of people across hundreds of countries and cities.

Similar Jobs

Airwallex Logo Airwallex

Senior Associate, Revenue Strategy & Operations

Artificial Intelligence • Fintech • Payments • Financial Services • Generative AI
In-Office
Toronto, ON, CAN
1800 Employees

Acceler8 Labs Logo Acceler8 Labs

Paid Search Specialist

Agency • Digital Media • Social Media • SEO
In-Office or Remote
Oakville, ON, CAN
60K-80K Annually

Magna International Logo Magna International

Industrial Engineer

Automotive • Hardware • Robotics • Software • Transportation • Manufacturing
Hybrid
Guelph, ON, CAN
171000 Employees

Magna International Logo Magna International

Machinist (Certified)

Automotive • Hardware • Robotics • Software • Transportation • Manufacturing
Hybrid
Penetanguishene, ON, CAN
171000 Employees

Similar Companies Hiring

Camber Thumbnail
Social Impact • Healthtech • Fintech
New York, NY
53 Employees
Rain Thumbnail
Web3 • Payments • Infrastructure as a Service (IaaS) • Fintech • Financial Services • Cryptocurrency • Blockchain
New York, NY
40 Employees
Scotch Thumbnail
Software • Retail • Payments • Fintech • eCommerce • Artificial Intelligence • Analytics
US
25 Employees

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account