Senior Software Engineer - Enterprise Design System

M&T Bank; United States; Hybrid; USD 87,000 - 107,000; Full time

Benefits offered by this job

Health benefits

401(k) match 5%

PTO 25 days + holidays

Job summary

M&T Bank is seeking a Front-end Design System Engineer to build and evolve a shared component library used across the bank's web applications. You will translate UX designs into accessible, reusable UI components using TypeScript and collaborate with designers and product engineers.

The role covers Web Components, framework-agnostic patterns, Node.js tooling for build/test/release pipelines, and documentation to enable internal product teams.

Qualifications

• Experience building reusable front-end components using JavaScript/TypeScript.
• Experience with Node.js and front-end build tooling to support packaging, testing, and publishing (CI pipelines).
• Advanced proficiency with at least one modern front-end framework (Angular, React, Vue, Solid, Svelte, or Lit).

Responsibilities

• Engineer and evolve a shared design system and component library using TypeScript.
• Translate approved UX/UI designs into accessible components with designers and product engineers.
• Develop and maintain Web Components and framework-agnostic patterns.
• Champion accessibility (a11y) standards and support consuming teams with guidance.
• Develop and maintain the library ecosystem, including documentation and DX materials.
• Build and operate Node.js-based tooling for the library and CI/CD automation.
• Adhere to quality practices with automated tests and code reviews.
• Support versioning and release practices for internal consumers.

Skills

JavaScript

TypeScript

Node.js

Front-end components

Accessibility

Education

Associate's degree

Bachelor's degree

Tools

Storybook

Web Components

Job description

This position is on-site with the flexibility to work from home one day per week.

Overview:

Builds and maintains a shared front-end design system (component library and supporting tooling) used across the Bank's web applications. This role focuses on TypeScript-based component engineering, Node.js-powered build/test/release pipelines, accessibility and quality standards, and enablement of internal product teams through documentation and support.

Primary Responsibilities:

• Engineer and evolve a shared design system and component library using TypeScript, including reusable UI components, patterns, and utilities.
• Translate approved UX/UI designs and interaction specifications into robust, accessible components in partnership with designers and product engineers.
• Develop and maintain Web Components (custom elements) and related standards-based patterns to support consistent, framework-agnostic adoption across consuming applications.
• Champion and apply accessibility (a11y) standards for the library (semantic markup, keyboard/focus behavior, appropriate ARIA), and support consuming teams with guidance and reviews.
• Develop and maintain the library ecosystem, including documentation, usage guidelines, examples, and developer enablement materials.
• Build and operate Node.js-based tooling for the library (build, test, lint, packaging, and publishing) and support CI/CD automation.
• Adhere to established quality practices for the design system: automated unit/integration tests, visual/regression testing where applicable, and code review standards.
• Support versioning and release practices for internal consumers (e.g., semantic versioning, change logs, deprecation strategy) to enable safe adoption.
• Support internal users of the design system by troubleshooting integration issues, triaging defects, and improving developer experience (DX).
• Collaborate with product, design, QA, and other engineering teams to understand needs, prioritize backlog, and drive alignment on shared UI standards.
• Understand and adhere to the Company's risk and regulatory standards, policies, and controls; elevate risk-related issues as needed.
• Promote an environment that supports a culture of belonging and reflects the M&T Bank brand.
• Maintain M&T internal control standards, including timely implementation of internal and external audit points together with any issues raised by external regulators as applicable.
• Complete other related duties as assigned.

Education and Experience Required:

• Associate's degree and a minimum of 5 years' systems analysis and/ or application development work experience or Bachelor's degree and a minimum of 3 years' systems analysis and/ or application development work experience. In lieu of degree, a combined minimum of 7 years' education and/or relevant work experience, including a minimum of 3 years' systems analysis and/or application development work experience.
• Professional experience engineering reusable front-end components using JavaScript/TypeScript.
• Experience with Node.js and front-end build tooling to support packaging, testing, and publishing (e.g., CI pipelines).
• Experience with code quality practices such as reviews, automated testing, and continuous integration.
• Advanced proficiency with at least one modern front-end framework (Angular, React, Vue, Solid, Svelte, or Lit).

Education and Experience Preferred:

• Deep experience implementing and validating accessible component behavior (a11y) and familiarity with WCAG concepts.
• Experience with design system tooling (e.g., Storybook or similar) and maintaining high-quality component documentation.
• Familiarity with Figma design handoffs (e.g., consuming component specs, tokens, and interaction guidance) and collaborating with designers to clarify implementation details.
• Hands-on experience with Angular, React, and Lit in a component-library or design-system context.
• Familiarity or hands-on experience with Web Components (custom elements; Shadow DOM concepts) and how to integrate them with common frameworks.
• Experience publishing and maintaining internal packages (versioning, release notes, deprecation strategy) for multiple consuming teams.
• Experience with monorepos and modern build tooling (e.g., package managers, bundlers, linters) and improving developer experience (DX).
• Experience working in an Agile team environment.
• Ability to work autonomously and to multitask on complex projects.
• Strong organizational and time management skills.
• Proficient verbal and written communication skills.

We support our team members with generous benefits.

• Competitive compensation
• Health, welfare, and retirement benefits
• 401(k) match at 5%
• Work-life balance and flexible work arrangements
• Banking Officers start with 25 days PTO plus 12 paid holidays
• 40 hours paid volunteer hours per year
• Much more. For details, see: M&T Benefits Overview

M&T Bank is committed to fair, competitive, and market-informed pay for our employees. The pay range for this position is $97,100.00 -