← Back to results

Staff Design Engineer

Lead the transformation of Mixpanel's design system as a Staff Design Engineer in an AI-native environment.

Location
San Francisco, US (Remote)
Compensation
$236k–$300k/yr
Level
staff
Type
full time

Posted by employer 3 months ago

First seen on Joblaze 1 month ago

Last verified on the company career page 1 day ago

Apply at Mixpanel → Save job Scanned from mixpanel.com

Role intensity

40% coding

AI in the day-to-day

Build AI-assisted workflows that close gaps between design and engineering.

Requirements

Experience
8+ years

Not disclosed in this posting: work arrangement, visa sponsorship.

Benefits

401k Match Unlimited PTO Equity/Stock Options Health Insurance Parental Leave

Joblaze summary

In the role of Staff Design Engineer at Mixpanel, the individual will lead the evolution of the design system, transforming it into a foundational infrastructure that supports AI-driven workflows. Key skills include proficiency in modern front-end frameworks like React and TypeScript, along with a strong design sensibility and experience in building design systems. This position is ideal for a seasoned professional with over eight years of experience in design engineering or related fields, who can navigate both design and engineering domains effectively.

Joblaze insights

  • Listed about a month ago — first seen on Joblaze September 3, 2026. Last confirmed on Mixpanel's careers page October 27, 2026.
  • Salary band is above the typical range for Design roles (median ~$170,000).
  • Starts above 85% of 20 comparable staff design roles in United States that list Figma we track (median $195,500 across 12 companies).
  • Figma appears in 33.3% of 81 comparable staff design roles in United States; Storybook appears in 1.2% of 81 comparable staff design roles in United States.

Quick facts

What's the salary range?
Mixpanel lists $236,000–$300,000 for this role.
How much experience is required?
At least 8 years of relevant experience for this Staff Design Engineer role.
What's the tech stack?
Joblaze extracted these technologies from the posting: CSS, Chromatic, Figma, GitHub, HTML, JavaScript.
What seniority level is this role?
Mixpanel targets staff-level candidates for this position.
Is this full-time or contract?
Full-time for this Staff Design Engineer role at Mixpanel.

From the original posting

About Mixpanel

About the role

At Mixpanel, we believe design excellence is a competitive moat. In a world where AI makes it easier than ever to ship, we believe the quality of the experience — how it feels, how it builds trust, how it handles complexity with grace — that separates good products from great ones.

As a Staff Design Engineer at Mixpanel, you'll sit within the design organization and lead the transformation of our design system from a component library into something far more important: the infrastructure that powers how we design, build, and ship in an AI-native world. You'll encode our craft, standards, and vision directly into the systems, tools, and workflows that every designer, engineer, and AI agent in our org builds on.

This isn't a maintenance or systems stewardship role. It's a transformative one. You'll work at the frontier of what design and engineering collaboration looks like when AI writes most of the code, agents prototype from intent, and the design system is less a library and more a living foundation for everything we ship.

You'll be the designer who ships production code. The engineer who holds an uncompromising craft bar. The person who sees the future of how Mixpanel will look and behave in an AI-native world, and builds the infrastructure to make it real.

What you'll do

Build the infrastructure for an AI-native design practice

Translate Mixpanel's design standards, principles, and taste into systems that live in the code. Build a token system, component library, documentation, and guidelines that AI agents, AI coding tools, and AI prototyping workflows can reliably build on. Evolve our design system to be foundational infrastructure for AI-assisted workflows.

Shape how Mixpanel looks and behaves in an AI-native world

Sit within the product design team and collaborate on reimagining Mixpanel for a world where interfaces are conversational, agentic, and adaptive. You have the rare combination of deep design sensibility and production engineering skills, and you’ll use both to help bring our AI product vision to life with craft and coherence that generic AI outputs can't match.

Own the bridge between design and code

Build systems that connect design to code and keep the two in sync. Define what "shippable" looks like as AI writes more of the code. Work directly in the codebase. Ship PRs that improve the product. Make design a force multiplier for engineering, not a bottleneck.

Stand up prototyping and AI tooling infrastructure

Build the workflows, tools, and infrastructure that let designers and PMs prototype at high fidelity, with working code, real components, and interactive states, without waiting on engineering. Identify the places where design and engineering lose time, intent, or quality in the handoff, and build AI-powered workflows that close those gaps.

Set and model the craft bar

Establish what great looks like — not through documentation alone, but through the quality of what you ship. Enable designers to work more code-adjacent and engineers to build with better components. Stay ahead of how AI is changing EPD workflows and bring that change into the org responsibly.

What success looks like

  • The design system is a reliable foundation that AI tools and agents build on, not an obstacle they work around
  • Design and code are in sync; the gap between what's designed and what ships is closed
  • Designers can prototype at high fidelity without waiting on engineering
  • Engineers spend less time on UI polish and rework, more time on features
  • The Mixpanel product feels unmistakably itself — cohesive, expressive, and craft-forward — as it evolves into an AI-native experience
  • The org is enabled on the latest AI-assisted design and development workflows

Qualifications

  • Proficiency in modern front-end frameworks: React, TypeScript, JavaScript, CSS, HTML, Next.js
  • Experience with design systems. Ideally you've built or overhauled one at scale
  • Strong design sensibility: you care about craft, consistency, interaction quality, and taste
  • Fluency in AI-assisted workflows: canvas-to-code, code-to-canvas, AI prototyping tools, MCP integrations, and what's emerging in this space
  • Experience working with tools like Figma, Storybook, VSCode, Chromatic, and GitHub
  • A track record of working across design and engineering: you've done both, and you know how to collaborate across both
  • Comfortable operating with high autonomy: you set direction, influence standards, and manage complex projects without a lot of hand-holding
  • 8+ years in design engineering, UX engineering, design technology, or a related hybrid role

Bonus points

  • Experience designing or building data visualizations
  • Background in brand and/or product design
  • Experience with accessibility: WCAG 2.2, ARIA patterns, semantic HTML, APCA, accessible data viz
  • Experience working in a product analytics or developer-focused product environment

Compensation

The amount listed below is the total target cash compensation (TTCC) and includes base compensation and variable compensation in the form of either a company bonus or commissions. Variable compensation type is determined by your role and level. In addition to the cash compensation provided, this position is also eligible for equity consideration and other benefits including medical, vision, and dental insurance coverage. You can view our benefits offerings here.

Our salary ranges are determined by role and level and are benchmarked to the SF Bay Area Technology data cut released by Radford, a global compensation database. The range displayed represents the minimum and maximum TTCC for new hire salaries for the position across all of our US locations. To stay on top of market conditions, we refresh our salary ranges twice a year so these ranges may change in the future. Within the range, individual pay is determined by experience, job-related skills, qualifications, and other factors. If you have questions about the specific range, your recruiter can share this information.

Mixpanel Compensation Range
$236,000—$300,000 USD

Benefits and Perks

Standard company text repeated across Mixpanel's postings is omitted here.

Similar positions

Thumbtack
Senior Software Engineer, Design Systems
Thumbtack · Remote, United States
Fireworks AI
Product Designer
Fireworks AI · San Mateo
Profound
Member of Technical Staff, Design Engineer
Profound · New York, New York
Mutiny
Staff Product Designer
Mutiny · In person in New York City
WisdomAI
Staff Product Designer
WisdomAI · San Mateo