Design System Lead: AI-Driven Cross-Platform UX

100 Shift4 Payments, LLC; Tampa (FL); On-site; USD 150,000 - 190,000; Full time

Job summary

Shift4 seeks a Design System Lead to own the design system end-to-end across web, mobile, and POS products. You will define token architecture, component libraries, and accessibility standards, while steering AI-assisted tooling to unify platforms and accelerate production.

You will partner with product and engineering to migrate legacy interfaces, drive design-to-code workflows, and mentor designers on systems thinking and implementation-aware design.

Qualifications

• 7+ years in Product Design, Design Systems, or UX Engineering roles.
• Proven track record building, evolving, and implementing production-ready design systems at scale.
• Deep expertise in token architecture, theming, component variants, accessibility, and cross-platform design systems.
• Strong Figma skills and understanding of design system best practices, governance, and design-to-code workflows.
• Hands-on experience with React, ShadCN, and Tailwind CSS, as well as Kotlin/Jetpack Compose and Material 3, with a strong understanding of how design system components, tokens, and patterns are implemented in production code.
• Demonstrated ability to use AI-assisted tools to accelerate design system work, including migration, auditing, component generation or mapping, documentation, and design-to-code workflows.
• Strong understanding of front-end implementation and the ability to collaborate directly with engineers on production design system components.
• Clear communicator who can align design and engineering around shared conventions and technical constraints.

Responsibilities

• Assess the current state of our design systems across design and engineering, identify gaps and duplication, and establish a practical roadmap for unification, migration, and ongoing governance.
• Own, evolve, and consolidate our design system foundations across web, mobile, and POS products.
• Define and maintain scalable token architecture, component libraries, theming, accessibility standards, and cross-platform patterns.
• Lead the migration of existing and legacy interfaces to the shared design system, using AI-assisted tools and workflows to accelerate the process at scale.
• Drive design-to-code alignment between Figma and production, establishing practical workflows that connect design, design system code, and production.
• Partner closely with engineers to translate design system foundations into production, accelerate component migration, identify inconsistencies, and improve adoption across products.
• Identify and implement AI-assisted opportunities to automate repetitive design system work, including audits, component mapping, documentation, and migration.
• Establish clear design system standards and review mechanisms that prevent teams from creating redundant or non-compliant components and ensure new work aligns with the shared system.
• Work closely with Product and Engineering leads to ensure the design system accelerates product development rather than creating additional processes or rework.
• Mentor designers on implementation-aware design, token usage, systems thinking, and AI-enabled workflows.
• Create practical documentation, examples, and guidelines that help product teams correctly adopt and extend the design system.

Skills

Design systems

Figma

React

Tailwind CSS

AI workflows

Token architecture

Cross-functional collaboration

Front-end engineering

Accessibility

Communication

Tools

Storybook

Style Dictionary

Job description

Shift4 seeks a Design System Lead to own the design system end-to-end across web, mobile, and POS products. You will define token architecture, component libraries, and accessibility standards, while steering AI-assisted tooling to unify platforms and accelerate production.

You will partner with product and engineering to migrate legacy interfaces, drive design-to-code workflows, and mentor designers on systems thinking and implementation-aware design.