Senior Product Design Engineer

Virtuous

Senior Product Design Engineer responsible for managing the design system at Virtuous. Focus on building production interfaces and collaborating with engineers and product designers.

Posted 7/17/2026full-timeRemote • Arizona • 🇺🇸 United StatesSeniorWebsite

Core Competencies

Role fit

Core Competencies

Use this summary to align your resume positioning with the role.

Demonstrates expertise in building and maintaining design systems, with a focus on production interfaces, accessibility, and effective documentation. Proficient in modern frontend technologies and capable of driving system adoption through metrics and user-centric design.

Highest-signal resume keywords

Design System OwnershipProduction Interface DevelopmentVue and React ProficiencyAccessibility FluencyExcellent Written Communication

ATS Keywords

Tailor your resume

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills

Production Interface DevelopmentVueReactComponent ArchitectureCSS at ScalePerformance OptimizationTestingAI ToolingDesign System ManagementMetrics Analysis

Soft Skills

Genuine Design SensibilityCollaboration with DesignersAbility to Push BackUser-Centric Mindset

Tools & Technologies

FigmaPublished PackageRegistrySource Distribution

Industry Keywords

AccessibilityDesign PatternsComponent CoverageSystem AdoptionDocumentation

Tech Stack

Tools & technologies

ReactVue.js

About the role

Key responsibilities & impact

The design system. You own it end to end: tokens, primitives, components, patterns, and documentation, in code and not just in Figma. You own how it gets distributed and consumed, and the process for updating and maintaining.
The operating model. You decide how a team ships a pattern the system does not have yet without fragmenting everything, and how that pattern gets promoted into the core once it proves out. Stable primitives that move carefully, product patterns that move quickly, and a real path between them.
Adoption. You treat engineers as your users. The system wins when building on it is faster than building around it, so you instrument coverage, watch for drift, and drive system adoption.
Production interface work. You are in the codebase every week building real surface work, not adjacent to it. What you learn shipping is what makes the system good, and it is how you feel the lag before anyone has to report it.
The AI guardrail. You make the system the thing that keeps generated interfaces on brand. When an engineer or an agent builds a screen, the system should make the right thing the easy thing. That means the system has to be legible to a model, not just to a person.
Accessibility and the craft bar. You build accessibility into the system so what we ship is also accessible.
The bridge from design to production. You work with product designers to turn validated patterns into system defaults, and you close the gap between what was designed and what actually shipped.
Documentation and enablement. You make the system obvious. Nobody adopts what they have to reverse engineer.
Metrics. You influence the numbers that prove the system works: component coverage across surfaces, adoption, efficiency, and throughput.

Requirements

What you’ll need

6+ years building production interfaces in a modern frontend stack, with real ownership of what shipped
Direct experience owning a design system used by multiple teams across multiple products, in production. Not just a component library or a Figma file
A real point of view on distribution and consumption: published package, registry, source distribution, or something else. You have lived with the tradeoffs and you can defend a recommendation, including how engineers and agents each consume it
Genuine design sensibility. You don’t have to be a designer, but you can tell good from not good enough, and you can hold the line on it
Strong engineering fundamentals: Vue, React, component architecture, CSS at scale, performance, and testing
Hands on with AI tooling as part of your build workflow, including prototyping
Accessibility fluency, and the instinct to solve it structurally rather than case by case
Comfort working with designers as partners, and the credibility to push back
Excellent written communication. Your documentation is part of the product.

Benefits

Comp & perks

Market competitive pay leveraging Carta data
Employee recognition through Bonusly (birthdays, anniversaries, achievements, etc.)
401(k) retirement plan with company matching- 50% match up to 6% of compensation after 90 days
We value our employee’s work-life balance and encourage taking advantage of Unlimited PTO
Supportive time off including paid volunteer days and company holidays
Employer-contributed healthcare benefits, encompassing medical, dental, and vision coverage, with plans available for dependents and choices for Health Savings Accounts (HSA) and Flexible Spending Accounts (FSA).
12 weeks primary parent leave, 4 weeks secondary parent leave - full pay (adoption as well)
We pride ourselves on Community and host exciting company outings and events.