Product Design Lead – Design Systems

Pebl

Product Design Lead for design systems at Pebl, shaping the design system for optimal user trust and interaction. Collaborating with teams to ensure quality and consistency across products.

Posted 7/9/2026full-timePalo Alto • California • 🇺🇸 United StatesSenior💰 $190,000 - $220,000 per yearWebsite

Tech Stack

Tools & technologies

React

About the role

Key responsibilities & impact

Own the architecture, strategy, and evolution of the design system — components, tokens, patterns, and documentation — across web and mobile surfaces
Design and ship production-ready components with a high bar for craft: well-defined states, variants, interaction models, responsiveness, and accessibility baked in from the start
Partner closely with frontend engineering to ensure system decisions translate cleanly into code — with shared ownership of quality, parity, and maintainability
Create clear, opinionated documentation and usage guidance: best practices, anti-patterns, decision frameworks, and contribution standards that teams can act on immediately
Build and maintain governance models that balance system integrity with the speed product teams need
Conduct regular audits to identify inconsistencies, gaps, and opportunities to improve component coverage and design-to-code parity
Lead the evaluation and integration of AI-powered design tooling — including Figma AI, MCP integrations, StoryBook MCP and generative workflows — into how the system is built and consumed
Anticipate shifts in the product, platform, and tooling landscape, and evolve the system proactively towards an agentic workflow.

Requirements

What you’ll need

7+ years of product design experience, with at least 3 years owning or significantly contributing to a design system at a product company
An outstanding portfolio demonstrating systems-level thinking, component craft, and real impact at scale
Extraordinary visual design taste — a rigorous, opinionated eye for typography, color, spacing, and interaction quality that raises the bar across every surface
Expert-level Figma skills: component architecture, variables, tokens, auto-layout, and the discipline to keep a shared library production-aligned
Comfort working across the design-to-code workflow — you know your way around design tokens, Storybook, and GitHub, and can collaborate closely with engineers on implementation
Strong understanding of front-end fundamentals (HTML, CSS, React or equivalent) and how design decisions translate into code
Knowledge of accessibility standards and a commitment to inclusive design baked into every component by default
Strong written communication skills — you write documentation that is clear, opinionated, and easy to act on
Track record of leading cross-functional initiatives and influencing senior stakeholders on system strategy and investment.

Benefits

Comp & perks

Flexible Time Off – Take the time you need to recharge.
Parental Leave – Support for growing families.
Health and Dental Insurance – Where applicable, to cover you and your loved ones.
Retirement Savings + Employee Incentive Plan – Plan for the future while sharing our success.

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 & Tools

Component ArchitectureDesign TokensInteraction ModelsResponsive DesignVisual DesignDesign AuditsGovernance ModelsSystems-Level ThinkingProduction-Ready ComponentsDocumentation Best Practices

Soft Skills

CollaborationInfluencing Senior StakeholdersCross-Functional Leadership