Senior Software Engineer - Enterprise Design System

M&T Bank; Buffalo (NY); Hybride; USD 97 000 - 162 000; Plein temps

Avantages offerts par ce poste

25 days PTO

12 paid holidays

401(k) match 5%

Flexible work arrangements

Volunteer hours 40 per year

Résumé du poste

M&T Bank in Buffalo, NY is seeking an experienced Front-End Engineer to build and maintain a shared design system and component library using TypeScript. You will contribute to Node.js build/test/release pipelines, ensure accessibility, and empower internal product teams through documentation and support.

Responsibilities include creating reusable UI components, translating UX/UI designs, maintaining Web Components, and guiding DX with automation, testing, and CI/CD.

Qualifications

• 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).

Responsabilités

• 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 standards for the library (semantic markup, keyboard/focus behavior, 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 (semantic versioning, change logs, deprecation strategy).
• Support internal users 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.

Connaissances

TypeScript

JavaScript

Node.js

Front-end architecture

Accessibility

Formation

Bachelor's degree in CS/IS or related

5+ years systems analysis or application development

3+ years front-end tooling/CI experience

Outils

Storybook

Webpack

NPM/Yarn

CI/CD tooling

Description du poste

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 - $161,800.00 Annual (USD). The successful candidate's particular combination of knowledge, skills, and experience will inform their specific compensation.

Location

Buffalo, New York, United States of America