Senior UX Design Engineer, Design Systems

📍 Job Overview

Job Title: Senior UX Design Engineer, Design Systems

Company: Greenhouse

Location: British Columbia, Canada

Job Type: Full-Time

Category: Engineering / Design Systems

Date Posted: May 04, 2026

Experience Level: Mid-Senior Level (5+ years)

Remote Status: Remote OK (within Canada)

🚀 Role Summary

• This role is a crucial implementation layer bridging design intent and production code within a centralized Design System team.

• You will be responsible for building and maintaining production-grade, reusable components and patterns to accelerate product development.

• The position requires a forward-thinking approach, considering the future of AI-powered design tooling and its integration into the design system.

• You will act as a cross-functional partner, fostering collaboration between design, engineering, and product teams to ensure consistent and efficient product delivery.

📝 Enhancement Note: This role is a "first-of-its-kind" at Greenhouse, indicating a significant opportunity to shape the future of their design systems and contribute to defining AI-powered product development. The emphasis on "code-first problem-solver" and "system-minded builder" highlights the engineering-heavy nature of this UX role, focused on tangible, production-ready outputs.

📈 Primary Responsibilities

• Build and maintain production-grade components and patterns across core workflows, ensuring built-in accessibility and interaction fidelity.

• Own and develop a single source of truth for design system documentation, including clear APIs, variants, and self-serve examples for design and engineering teams.

• Establish and enforce contribution standards and guardrails to ensure the design system remains the primary and preferred choice for Greenhouse's product teams.

• Collaborate closely with engineering teams to deliver implementation-ready patterns, thereby reducing handoff friction and minimizing bespoke UI development across feature teams.

• Champion the adoption of design systems throughout the organization, enhancing the overall product experience through refined motion, interaction design, and brand consistency.

📝 Enhancement Note: The responsibility to "Own a single documentation source of truth" implies a strong need for excellent technical writing and API design skills. The focus on "setting contribution standards and guardrails" suggests a role in governance and ensuring the scalability and maintainability of the design system.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong educational foundation in Computer Science, Design, or a related field is implied by the experience requirements.

Experience: 5+ years of front-end engineering, UX engineering, or a related field, with demonstrated expertise in modern component frameworks.

Required Skills:

• 5+ years of front-end engineering, UX engineering, or related field experience.

• Strong component architecture skills within a modern component framework.

• Proficiency in React and TypeScript is strongly preferred.

• Working knowledge of AI development tools (e.g., Claude, MCP, Code Sandbox) for generating code-ready output.

• Solid understanding of accessibility best practices (WCAG) and state modeling, with demonstrable shipped work.

• Fluency in working with design tokens, layout systems, and interaction states.

• A genuine interest in visual and interaction design.

• A documentation-first approach, enabling self-service for other teams.

Preferred Skills:

• Storybook (or similar) component documentation and showcase workflow experience.

• Visual regression testing and CI quality gate experience.

• Design token pipeline experience and tooling.

📝 Enhancement Note: The requirement for "field-tested knowledge, not just theoretical familiarity" with design systems emphasizes practical, hands-on experience. The mention of AI development tools suggests an expectation for candidates to be aware of and potentially contribute to the integration of AI in design and development workflows.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of production-grade components and patterns developed using modern component frameworks (ideally React/TypeScript).

• Examples demonstrating a deep understanding of accessibility (WCAG) and state modeling in shipped work.

• Case studies illustrating experience working with design tokens, layout systems, and interaction states.

• Documentation examples that highlight a "documentation-first" approach, showcasing clear APIs and self-serve resources.

Process Documentation:

• Examples of technical documentation for components, including API definitions, usage guidelines, and variant explanations.

• Demonstrations of how you've established contribution standards or guardrails for design system adoption.

• Case studies detailing the process of converting one-off UI requests into reusable system capabilities.

• Workflow examples that highlight collaboration with design and engineering teams to streamline handoffs and reduce bespoke UI.

📝 Enhancement Note: Given the "first-of-its-kind" nature of this role, the portfolio should strongly emphasize the candidate's ability to initiate and architect design system components and documentation from the ground up, not just contribute to an existing one.

💵 Compensation & Benefits

Salary Range: $105,800 - $158,800 CAD per year. This range is based on national pay standards for Canada. Individual compensation will be determined by the candidate's experience and qualifications.

Benefits:

• Stock Option Awards

• Bonuses

• Merit Increases

• Performance Review Program

• Potential for additional compensation based on sales commission plans (if applicable to specific roles, though this role is engineering-focused).

Working Hours: While not explicitly stated, a standard full-time work week of approximately 40 hours is generally expected for this type of role. The remote-first nature suggests flexibility in scheduling, provided core responsibilities and collaboration needs are met.

📝 Enhancement Note: The salary range provided is for the national pay range in Canada. Given the role is remote and located in British Columbia, it aligns with typical compensation for senior engineering roles in major Canadian tech hubs. The benefits listed are standard for growth-stage tech companies and indicate a focus on long-term employee value and performance.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software / HR Technology (specifically hiring software). Greenhouse's mission is to make hiring work for everyone.

Company Size: Greenhouse is a well-established company, indicated by its multiple awards and recognition (Fortune's Best Places to Work, Inc.'s Best Workplaces). This suggests a mature organization with structured processes but still a growth mindset.

Founded: The founding date is not explicitly provided, but the company's longevity and awards imply a significant history and established presence in the market.

Team Structure:

• This role is part of the central Design System team, which acts as a shared infrastructure for all product teams.

• The team is described as a "centralized experience and delivery enablement team for the product organization."

• You will report to the Staff Designer & Manager, Design Systems.

Methodology:

• Data Analysis & Insights: The company emphasizes using their own product, suggesting a data-driven approach to hiring and product development.

• Workflow Planning & Optimization: The core of this role is optimizing workflows through a robust design system, reducing manual effort and increasing efficiency.

• Automation & Efficiency: The role is explicitly designed to leverage reusable components and potentially AI tooling to automate and streamline the design and development process.

Company Website: https://www.greenhouse.com/

📝 Enhancement Note: Greenhouse's commitment to using their own product for hiring speaks volumes about their belief in their technology and their operational efficiency. The "remote-first" approach combined with optional office spaces indicates a modern, flexible work environment.

📈 Career & Growth Analysis

Operations Career Level: Senior UX Design Engineer, Design Systems. This is a specialized, senior individual contributor role that sits at the intersection of UX Design and Front-End Engineering, focused on building foundational product experience infrastructure.

Reporting Structure: You will report to the Staff Designer & Manager, Design Systems. This indicates a hierarchical structure within the design systems team, with potential for mentorship from a senior design leader.

Operations Impact: This role has a significant impact on operational efficiency and product quality by creating reusable components that all feature teams leverage. By reducing bespoke UI and speeding up development cycles, this role directly contributes to faster time-to-market and a more consistent, high-quality user experience across Greenhouse's product suite.

Growth Opportunities:

• Specialization Advancement: Deepen expertise in design systems, component architecture, accessibility, and the emerging field of AI-powered design tooling.

• Leadership within Design Systems: As a foundational member of this "first-of-its-kind" role, there's potential to grow into a lead or architect position within the design systems team as it matures.

• Cross-Functional Influence: Develop strong partnerships and influence across product, design, and engineering organizations, becoming a key enabler of product development.

• Mentorship: Opportunity to mentor more junior engineers or designers on design system best practices.

📝 Enhancement Note: The "first-of-its-kind" nature of this role presents a unique opportunity for the successful candidate to define their career path within Greenhouse's design systems function, potentially shaping its future direction and leadership structure.

🌐 Work Environment

Office Type: Greenhouse operates as a "remote-first" company, with shared office spaces in New York City and Ireland, and optional co-working spaces available. This offers significant flexibility.

Office Location(s): While the role is remote, specific office hubs are mentioned in NYC and Ireland. The primary work location for this role is British Columbia, Canada, and applicants must be legally eligible to work there.

Workspace Context:

• Collaborative Environment: The role necessitates strong collaboration with product managers, designers, and engineers across multiple feature teams.

• Tools and Technology: Access to modern development tools, likely including a robust CI/CD pipeline, design software, and communication platforms. The role specifically mentions React, TypeScript, and AI development tools.

• Team Interaction: Opportunities for interaction will be primarily virtual through team meetings, Slack, and collaborative documentation platforms.

Work Schedule: As a remote-first company, Greenhouse likely offers flexibility in work hours, provided that responsibilities are met and collaboration with teams across different time zones (especially within Canada and potentially North America) is effective.

📝 Enhancement Note: The remote-first model implies a need for strong self-discipline, proactive communication, and comfort with asynchronous work. The availability of optional co-working spaces suggests a company that values flexibility and employee well-being.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely a review of your resume and portfolio to assess foundational skills and experience.

• Technical Interview(s): Expect in-depth discussions on front-end engineering, React, TypeScript, component architecture, and accessibility. You may be asked to walk through your portfolio projects.

• Design Systems Deep Dive: Interviews focused on your understanding and experience with design systems, including building components, documentation, and driving adoption.

• Cross-Functional Collaboration: Be prepared to discuss how you collaborate with designers and engineers, handle feedback, and manage handoffs.

• Behavioral & Cultural Fit: Questions assessing your alignment with Greenhouse's values (collaboration, inclusivity, transparency, accountability) and your approach to problem-solving.

• Case Study/Challenge: Potentially a take-home assignment or live coding exercise related to building a component or solving a design system-related problem.

Portfolio Review Tips:

• Highlight Reusability: Clearly demonstrate how your work has created reusable components and patterns, and the impact this had on development efficiency.

• Showcase System Thinking: For each project, explain your thought process in designing the system, the APIs, and the documentation.

• Emphasize Accessibility: Explicitly detail your implementation of WCAG guidelines and state modeling in your projects.

• Documentations: Include clear examples of your technical documentation for components, showcasing your "documentation-first" approach.

• AI Tooling Exposure: If you have used AI tools for code generation or optimization, highlight these experiences.

• Quantify Impact: Where possible, provide metrics on how your design system work improved development speed, reduced bugs, or enhanced user experience.

Challenge Preparation:

• Component Design: Practice designing and implementing a small, reusable component in React/TypeScript, considering accessibility and variants.

• API Design: Be ready to discuss how you would design the API for a given component to make it easy for other teams to consume.

• Documentation Strategy: Prepare to explain how you would document a complex component or pattern for both designers and engineers.

• Adoption Strategy: Think about how you would encourage and support other teams in adopting the design system.

📝 Enhancement Note: Given this is a unique role, be prepared to articulate how your experience can directly address the identified gap between design intent and production code. Your portfolio should serve as tangible proof of your ability to build and govern a robust design system.

🛠 Tools & Technology Stack

Primary Tools:

• Component Framework: React (strongly preferred).

• Language: TypeScript (strongly preferred).

• Component Documentation: Storybook (or similar, preferred).

• Design Tokens: Experience working with and managing design tokens.

• AI Development Tools: Claude, MCP, Code Sandbox, or similar tools for code-ready output generation.

Analytics & Reporting:

CRM & Automation:

• While this is not a CRM-focused role, understanding how design system components integrate into broader product development workflows and potentially automated testing pipelines is crucial.

📝 Enhancement Note: The explicit mention of React, TypeScript, and AI development tools indicates the core technical stack. Familiarity with Storybook is a strong plus, suggesting it's likely used or desired within Greenhouse for component documentation and development.

👥 Team Culture & Values

Operations Values:

• Mission-Driven: A strong belief in the mission to "make hiring work for everyone."

• Collaboration: Emphasis on purposeful collaboration across product, design, and engineering.

• Inclusivity: Fostering an inclusive environment where diverse perspectives are valued.

• Transparency & Accountability: Open communication and ownership of work and outcomes.

• Excellence: Striving to do the best work, solving meaningful problems with remarkable teams.

Collaboration Style:

• Cross-Functional Integration: The role is designed to be a bridge between design and engineering, requiring close partnership.

• Shared Ownership: Co-owning decisions rather than traditional handoffs.

• Self-Serve Culture: Empowering teams through well-documented and easily consumable system components.

• Evangelism: Actively promoting and supporting the adoption of the design system across the organization.

📝 Enhancement Note: The emphasis on "co-owning decisions" and being a "cross-functional partner" suggests a highly collaborative and integrated team dynamic, moving away from siloed responsibilities.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging the Gap: Effectively translating design intent into production-ready code and reusable components, especially in a "first-of-its-kind" role.

• Driving Adoption: Overcoming potential resistance or inertia from feature teams to adopt the new design system and its standards.

• Scalability and Maintenance: Ensuring the design system remains scalable, maintainable, and evolves with the product and technological advancements (including AI).

• Balancing Speed and Quality: Delivering production-grade components quickly while maintaining high standards for accessibility, performance, and code quality.

Learning & Development Opportunities:

• AI Integration: Opportunity to explore and implement AI-powered tools in the design and development lifecycle.

• Design System Maturity: Contribute to the growth and evolution of Greenhouse's design system from its early stages.

• Cross-Functional Expertise: Develop a deeper understanding of product development processes across different disciplines.

• Leadership Potential: Establish a strong foundation for future leadership roles within design systems or product engineering.

📝 Enhancement Note: The challenge of driving adoption is significant for any design system role; this will require strong communication, advocacy, and support for other teams. The opportunity to shape the AI integration aspect is a key differentiator for this role.

💡 Interview Preparation

Strategy Questions:

• Design System Philosophy: "Describe your philosophy on building and maintaining a design system. What are the key principles you adhere to?" (Prepare to discuss reusability, consistency, documentation, and governance.)

• Component Architecture: "Walk us through how you would design a complex component (e.g., a data table or a complex form element) for a design system, considering its API, variants, and accessibility." (Be ready to use a whiteboard or collaborative tool.)

• Cross-Functional Collaboration: "Describe a time you had to collaborate closely with designers and engineers on a design system component. What challenges did you face, and how did you resolve them?" (Focus on communication, compromise, and shared ownership.)

• AI in Design Systems: "How do you see AI tools like Claude or Code Sandbox impacting the future of design systems and front-end development? How would you leverage them in this role?" (Show your forward-thinking perspective.)

Company & Culture Questions:

• "Why Greenhouse? What about our mission or product interests you?" (Research Greenhouse's mission and product thoroughly.)

• "How do you contribute to an inclusive and collaborative team environment?" (Align your answers with Greenhouse's stated values.)

Portfolio Presentation Strategy:

• Focus on Impact: For each project, clearly articulate the problem you solved, your solution, and the measurable impact (e.g., time saved, consistency improved, bugs reduced).

• Deconstruct Your Work: Be prepared to dive deep into the technical details of your projects, explaining your choices in component architecture, API design, and accessibility implementation.

• Showcase Documentation: Present examples of your technical documentation and explain how it enables self-service for other teams.

• Tell a Story: Frame your portfolio pieces as narratives of problem-solving and system building, highlighting your role and contributions.

• Address the Gap: Explicitly connect your portfolio projects to how they address the stated need for an "implementation layer between design intent and production code."

📝 Enhancement Note: When discussing your portfolio, emphasize projects where you were instrumental in establishing new patterns or improving existing ones, rather than just contributing to an already mature system. Highlight your ability to define standards and processes.

📌 Application Steps

To apply for this Senior UX Design Engineer, Design Systems position:

• Submit your application through the Greenhouse job portal link provided.

• Tailor your resume: Highlight your experience with React, TypeScript, design systems, accessibility (WCAG), and any experience with AI development tools. Quantify achievements wherever possible.

• Curate your portfolio: Select projects that best demonstrate your ability to build and document production-grade components, your understanding of system architecture, and your experience driving adoption. Ensure clear examples of your "documentation-first" approach and accessibility implementation are included.

• Prepare your cover letter: Use this to specifically address why you are a great fit for this "first-of-its-kind" role, how your skills bridge the gap between design and engineering, and how you envision contributing to Greenhouse's design system and AI strategy.

• Research Greenhouse: Understand their mission, product, and company culture. Be ready to discuss how your values align with theirs.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---