C

Citi

Runs banking and payments for global clients

AI Design Engineer - Design Systems & AI Tooling

AI Application EngineeringPosted on Nov 10
Full-timeMississauga, ON, Canada$94.3k - $141.5kHybrid

About the Job

Requirements

  • A Bachelor's degree in Computer Science, Software Engineering, Human-Computer Interaction, or a related technical field is required.
  • One to three years of professional software development experience, or an equivalent co-op, internship, or open-source project portfolio, is required.
  • Strong proficiency in one or more of TypeScript, JavaScript, Python, SQL, Swift, or Kotlin is required.
  • A solid grasp of core data structures, RESTful APIs, and relational database fundamentals is required.
  • Hands-on experience with Git version control is required.
  • Candidates must be able to use AI-assisted coding tools such as GitHub Copilot or Devin AI effectively.
  • Familiarity with design systems concepts, including design tokens, component architecture, style dictionaries, or Storybook, is preferred.
  • Working familiarity with Figma as a user or developer, including inspecting designs, Auto-Layout concepts, or exploring Figma APIs, is preferred.
  • Experience with Postgres, SQL indexing, caching strategies, or building low-latency REST or Model Context Protocol microservices is preferred.
  • Exposure to native mobile user-interface development, such as Swift or SwiftUI for iOS or Kotlin for Android, and mobile design token patterns, is preferred.
  • Experience with automated testing frameworks such as Playwright or PyTest and continuous integration/continuous deployment quality pipelines is preferred.
  • Familiarity with web accessibility standards, including WCAG 2.1 AA, color contrast math, ARIA attributes, and semantic HTML, is preferred.

Responsibilities

  • Write clean, modular, and well-tested code in modern programming languages such as TypeScript and Python.
  • Use modern AI coding assistants such as GitHub Copilot to accelerate development while applying computer science principles to ensure code correctness, security, and performance.
  • Participate in agile sprint ceremonies, write unit and integration tests, and collaborate with product designers and senior engineers across business lines.
  • Ensure deliverables comply with enterprise security, data governance, and architectural standards.
  • Design and optimize Postgres relational and JSON schemas, including complex queries, indexes, and transactional boundaries for multidimensional design-rule cascades.
  • Implement distributed caching layers and invalidation mechanisms to provide low-latency data access under high concurrency.
  • Build robust streaming REST and Model Context Protocol server endpoints to provide real-time design intelligence and tokens to connected developer tools.
  • Implement secure token validation, role-based access control, and payload sanitization across data pipelines.
  • Architect performant, responsive web applications and dashboards using React and modern TypeScript, managing complex client-side state and token visualization.
  • Develop event-driven client features for in-house Figma integrations, handling asynchronous canvas synchronization and bidirectional data serialization between design tools and backend servers.
  • Write automated scripts to inspect modern design-system component libraries and extract property schemas and design tokens into structured Model Context Protocol contracts.
  • Develop code-modification routines that allow AI agents to parse, update, and integrate designs into existing application codebases without introducing syntax errors or breaking custom logic.
  • Design and maintain automated testing engines and regression harnesses in Python or TypeScript to evaluate the quality, compile rate, and accuracy of AI-generated code across web and mobile platforms.
  • Maintain standardized baseline test scenarios and track compile success rates, design-token compliance percentages, and response latency across releases.
  • Build automated linters that verify WCAG 2.1 AA accessibility, including color contrast calculations and DOM focus states, and structural schema validity across generated outputs.
  • Integrate automated verification suites into build and deployment pipelines to detect regressions, token drift, and syntax anomalies before features reach production teams.

About the Company

Citi

Runs banking and payments for global clients

Citi runs banking, investment and payment services for companies, governments and individuals around the world. Its global network connects institutions with local banking systems, while its US consumer business sells credit cards and deposit accounts. Corporate clients use Citi to manage cash, finance trade and raise capital, and investors use its trading, custody and wealth services to hold and manage assets. The bank earns interest on loans and fees from payments, securities transactions, financial advice and account services. Citi traces its banking roots to 1812; the Citigroup holding company was formed in 1998, and its headquarters are in New York City.

Company size
10,001+
Company stage
IPO
Headquarters
New York City, New York
Founded
1812

Recently Posted Jobs

Explore more opportunities at Citi

See more jobs