Staff Design Engineer

Mixpanel is the leading product intelligence and analytics platform, trusted by more than 29,000 companies to help understand how people use the products they build. By combining powerful analytics with AI that knows your business, Mixpanel helps teams see what’s working, diagnose what’s not, and decide what to build next.

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 — 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 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, and 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.

Responsibilities

• Build the infrastructure for an AI-native design practice by translating Mixpanel's design standards, principles, and taste into systems that live in the code. Develop 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 by collaborating with the product design team to reimagine Mixpanel for a world where interfaces are conversational, agentic, and adaptive. Use your deep design sensibility and production engineering skills to 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 by building 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, and make design a force multiplier for engineering, not a bottleneck.
• Stand up prototyping and AI tooling infrastructure by building 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 gaps in handoffs and build AI-powered workflows to close them.
• Set and model the craft bar by establishing what great looks like — not just through documentation, 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.

Requirements

• 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.

Qualifications

• 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.

Pay

The amount listed is the total target cash compensation (TTCC) and includes base compensation and variable compensation in the form of either a company bonus or commissions. This position is also eligible for equity consideration and other benefits including medical, vision, and dental insurance coverage. Our salary ranges are benchmarked to the SF Bay Area Technology data and refreshed twice a year. The range displayed represents the minimum and maximum TTCC for new hire salaries for the position across all US locations.

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

Benefits

• Comprehensive Medical, Vision, and Dental Care.
• Mental Wellness Benefit.
• Generous Vacation Policy & Additional Company Holidays.
• Enhanced Parental Leave.
• Volunteer Time Off.
• Pre-Tax Benefits including 401(K), Wellness Benefit, Holiday Break (US only).

Skills

• Design
• JavaScript
• TypeScript
• React