Shift4 logo

Principal Product Designer

Shift4 🇺🇸 Tampa, Florida, United States of America

Full-time Senior

This role bridges design and engineering by translating design specifications and components into high-quality, reusable front-end code and maintaining the coded design system in partnership with design system owners. Responsibilities also include building interactive prototypes using AI-assisted tools and establishing foundational tools and workflows for design-to-code processes.

Responsibilities

  • Bridge design and engineering: Translate design specs, components, and interaction patterns into high-quality front-end implementations
  • Work closely with designers to refine interaction details, states, and edge cases, then express them as code, stories, and clear usage guidelines
  • Collaborate with engineers to ensure prototypes align with technical constraints and can transition smoothly toward production
  • Build high-fidelity, interactive prototypes using a mix of design tools, AI prototyping tools, and code
  • Support UX research by preparing realistic prototypes for testing and iterating quickly based on user feedback and data

Requirements

  • 8+ years of experience in product design engineering, UX engineering, design technology, UI engineering, or a similar hybrid role
  • Strong understanding of product design principles, UX patterns, and interaction design
  • Strong proficiency in modern front-end technologies: HTML, CSS, JavaScript/TypeScript, and a component framework such as React
  • Demonstrated experience implementing and maintaining a component library or design system in production
  • Experience building prototypes that go beyond click-throughs (real data, logic, interactions, and edge cases)
  • Strong communication skills in English both written and verbal

Benefits

  • Equal Opportunity Employer
  • Do not discriminate against any employee or applicant for employment because of race, color, sex, age, national origin, religion, sexual orientation, gender identity and/or expression, status as a veteran, and basis of disability or any other federal, state or local protected class

Key Skills

Product design engineering UX engineering Design technology UI engineering Front-end development HTML CSS JavaScript/TypeScript React Component library Design system Prototyping AI prototyping tools Figma Storybook MDX Agile Scrum Design Thinking User-Centered Design User Research Usability Testing A/B Testing Cross-functional Collaboration Leadership Communication Mentoring

About Shift4

Shift4 (NYSE: FOUR) powers the experience economy, enabling businesses to deliver the moments that matter. Transforming how people shop, dine, stay, and play, Shift4’s commerce technology allows for a seamless experience at any scale. From your neighborhood restaurant to the world’s largest event venues, Shift4 handles billions of transactions annually for hundreds of thousands of businesses around the world. For more information, visit shift4.com.

BEFORE YOU APPLY

Make sure your resume makes it through AI screening
Most resumes get filtered by AI before a human sees them.

Scan your resume

Upload your resume

Never miss similar opportunities 🔔

Get notified when new design engineering jobs that match your preferences become available. Set up personalized job alerts to stay ahead of the competition.