> Markdown version of [/jobs/ext/2706485-design-system-lead-product-engineering](https://www.wearedevelopers.com/jobs/ext/2706485-design-system-lead-product-engineering). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Design System Lead - Product & Engineering - **Company:** Shift4 Corp - **Location:** Tampa, FL, United States - **Experience:** Expert - **Contract:** Permanent contract - **Skills:** Artificial Intelligence, Software as a Service, Software Design Patterns, Web Engineering, Tailwind, ReactJS, Kotlin, Production Code, Jetpack Compose, Figma, Front End Software Development - **Published:** September 4, 2026 - **Apply:** https://startup.jobs/design-system-lead-product-engineering-100-shift4-payments-llc-9827245 ## About the Role * 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. Nice-to-have * Experience in fintech, commerce, POS, or SaaS product environments. * Experience migrating legacy design systems or products to a new unified system. * Experience using AI to automate or accelerate design system implementation, auditing, and migration. * Experience contributing directly to design system code or front-end repositories. * Experience with Storybook, Style Dictionary, or other token pipeline tooling. * Background in prototyping advanced or AI-assisted user experiences. * Comfort working with payment terminal UI constraints and hardware-specific design patterns. ## Description Our Product Design team works across multiple product lines, from web and SaaS to Android and POS hardware, as we move toward a shared foundation. We are looking for a Design System Lead to lead the next evolution of that foundation. You will own the design system end-to-end, from token architecture and component governance to AI-assisted tooling that closes the gap between Figma and production. You will define what should be standardized across platforms and what should remain platform-specific, creating a cohesive product experience without forcing a single technical implementation. This is a high-impact, high-autonomy role at the intersection of systems design, front-end engineering, and modern AI workflows., * 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., * Legacy products have a clear path toward the shared design foundation, with migration prioritized based on product impact and engineering feasibility. * The shared design system is successfully adopted across web, mobile, and POS products, with legacy experiences progressively migrated to the new foundation. * Product teams ship faster because the design system accelerates decisions instead of creating rework. * Figma and production stay tightly aligned, with designers and engineers working from a consistent source of truth. * AI-assisted workflows meaningfully accelerate design system migration, auditing, documentation, and design-to-code workflows. * The design team produces more consistent, implementation-aware work. * New features move from concept to production faster without sacrificing UX quality. * The system has modern, maintainable foundations that scale as Shift4 adds products, platforms, and people. #LI-BN1 ## Related Videos - [Design Systems and how to develop consistent and scalable products with them](https://www.wearedevelopers.com/videos/639-design-systems-and-how-to-develop-consistent-and-scalable-products-with-them) - [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs) - [Kotlin Multiplatform - True power of native code reuse](https://www.wearedevelopers.com/videos/4-kotlin-multiplatform-true-power-of-native-code-reuse) - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap) - [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) ## Related Articles - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Declarative Design and a fresh take on collaboration with developers](https://www.wearedevelopers.com/magazine/595-declarative-design-and-a-fresh-take-on-collaboration-with-developers) - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [Are design and development really just the same thing?](https://www.wearedevelopers.com/magazine/520-are-design-and-development-really-just-the-same-thing) - [Navigating the AI Shift](https://www.wearedevelopers.com/magazine/629-navigating-the-ai-shift) - [How We Built a Worry-Free System That Runs for 10+ Years – And What We’d Do Again](https://www.wearedevelopers.com/magazine/751-how-we-built-a-worry-free-system-that-runs-for-10-years-and-what-we-d-do-again)