Design Systems, Product Designer

📍 Job Overview

Job Title: Product Designer, Design Systems

Company: Harness

Location: U.S. (Remote) / EU (Remote)

Job Type: Full-Time

Category: Product Design / Design Systems

Date Posted: March 17, 2026

Experience Level: Mid-Level to Senior (Estimated 5-10 years)

Remote Status: Fully Remote

🚀 Role Summary

• This role is crucial for evolving the visual and technical foundation of the Harness platform, focusing on the design system as a core product asset.

• The position requires a strong blend of UI visual craft, systems thinking, and technical collaboration to ensure seamless design-to-code implementation.

• You will be instrumental in shaping the next chapter of Harness 3.0, modernizing its design language and strengthening its design-to-code workflows.

• This is a hands-on role focused on creating polished, production-ready UI, building scalable component libraries, and defining system guidance.

📝 Enhancement Note: The provided job description is for a Product Designer focused on Design Systems. While not a direct Revenue Operations, Sales Operations, or GTM role, a strong understanding of how design systems impact user experience, product adoption, and ultimately revenue (through improved product quality and faster development cycles) is highly relevant. This enhancement will frame the role's impact through an operations lens where applicable, focusing on efficiency, scalability, and consistency, which are core tenets of operations.

📈 Primary Responsibilities

• Design, build, and evolve high-quality UI components, patterns, and foundational elements for the Harness design system.

• Develop and maintain scalable component libraries within Figma, leveraging advanced features like auto layout, variants, properties, and responsive structures.

• Define, implement, and manage design tokens (primitive, semantic, and component-level) within a token-based architecture.

• Collaborate closely with engineering teams to ensure a clean, efficient, and accurate translation of designs into React components and CSS.

• Contribute to the design and application of multi-theme systems across a complex, enterprise-level platform.

• Drive improvements in visual design quality, accessibility (WCAG standards), consistency, and overall production readiness of the product.

• Create and maintain comprehensive system guidance, usage rules, best practices, and documentation to facilitate effective adoption by product teams.

• Support the evolution of the design-to-code workflow, potentially utilizing AI-assisted tools across Figma, token management, and implementation pipelines.

📝 Enhancement Note: The responsibilities are heavily focused on design system creation and maintenance. The operations angle comes from how a robust design system drives efficiency (faster development), consistency (better user experience, reduced support), and scalability (easier to onboard new teams and features).

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background in Design, Human-Computer Interaction, Computer Science, or a related field is typically beneficial.

Experience: Estimated 5-10 years of experience in Product Design, with a significant focus on designing and building design systems. Experience in enterprise software environments is highly valued.

Required Skills:

• Strong visual design fundamentals, including typography, spacing, hierarchy, color theory, and composition.

• Exceptional attention to detail, particularly in component states, interaction patterns, and visual consistency across diverse UI elements.

• Proven experience designing polished, production-ready enterprise-level User Interfaces.

• Deep understanding of accessibility principles and standards, including color contrast, focus states, and WCAG guidelines.

• Proficiency in Figma, specifically with advanced features such as auto layout, nesting, constraints, responsive components, variants, and properties.

• Hands-on experience building and maintaining component libraries within Figma.

• Demonstrated understanding of how design properties map to code implementations (e.g., props in React).

• Practical experience with Tokens Studio for Figma is a mandatory requirement.

• Strong grasp of atomic design principles and scalable system architecture.

• Experience with token-based design systems, understanding primitive, semantic, and component token layers.

• Comfort in reading and understanding React component structure and discussing technical implementation details with engineers.

Preferred Skills:

• Experience with Style Dictionary or other token transformation pipelines.

• Familiarity with AI-assisted design workflows and tools.

• Exposure to design-to-code automation workflows, including Figma API, MCP servers, or similar technologies.

• Experience working on production design systems with code-connected token pipelines.

• Experience translating Figma Variables into design tokens or vice-versa.

📝 Enhancement Note: The emphasis on Figma, design tokens, and React collaboration highlights the technical depth required, which is akin to understanding system dependencies and integrations in an operational context.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio showcasing a minimum of 2-3 significant design system projects.

• Demonstrations of component library development, including examples of Figma file structure, component states, and responsive design implementation.

• Case studies detailing the design and application of design tokens, illustrating their impact on consistency and theming.

• Examples of how you have documented and communicated system guidance, usage rules, and best practices to development teams.

Process Documentation:

• Showcase examples of your process for designing, documenting, and iterating on design system components and patterns.

• Include documentation that illustrates your approach to defining and managing design token architecture.

• Provide examples of how you establish and enforce design system adoption guidelines and best practices.

• Demonstrate your understanding of the full lifecycle of a design system component, from initial design to implementation and ongoing maintenance.

📝 Enhancement Note: For operations professionals, a portfolio demonstrates efficiency, process rigor, and the ability to manage complex systems. For this role, the portfolio should highlight systematic thinking, component reusability, and the impact of the design system on development velocity and product consistency.

💵 Compensation & Benefits

Salary Range: The anticipated base salary range for this position is between $170,000 and $182,000 USD annually.

Benefits:

• Competitive salary and potential equity.

• Comprehensive healthcare benefits.

• Flexible Spending Account (FSA).

• Flexible work schedule.

• Employee Assistance Program (EAP).

• Generous Flexible Time Off and Parental Leave.

• Monthly, quarterly, and annual social and team-building events.

• Monthly internet reimbursement.

Working Hours: Standard full-time hours (estimated 40 hours per week), with flexibility offered.

📝 Enhancement Note: The salary range provided is for the US. For EU remote employees, the compensation would be adjusted based on local market rates and cost of living, though specific ranges were not provided for EU locations. The benefits are comprehensive and reflect a company that values employee well-being and work-life balance, which is crucial for sustained productivity in any role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Delivery Platform / AI-powered DevOps & Engineering Tools. Harness operates at the forefront of AI-driven software development, aiming to automate and optimize the entire software delivery lifecycle.

Company Size: Harness is a rapidly growing, well-funded company. With a valuation of $5.5B and significant funding rounds, it operates with the agility of a startup but the resources and scale of a larger enterprise. This implies a dynamic environment with opportunities for significant impact.

Founded: Founded by Jyoti Bansal (founder of AppDynamics), Harness has a strong entrepreneurial spirit and a focus on innovation. The company is actively shaping the future of AI software delivery.

Team Structure:

• The Design Systems team likely operates within the broader Product or Engineering organization.

• Close collaboration with Product Managers, UI/UX Designers, and Front-end Engineers is expected.

Methodology:

• Emphasis on data-driven decision-making and AI-powered automation across the software delivery lifecycle.

• A "systems thinking" approach is core to the company's product philosophy, directly aligning with the design system's function.

• Focus on efficiency, scalability, and robust governance within their platform.

Company Website: https://www.harness.io/

📝 Enhancement Note: The company's focus on AI, automation, and efficiency in software delivery directly mirrors the operational goals of optimizing processes, reducing waste, and maximizing output. The design system plays a critical role in enabling these goals by ensuring a consistent and efficient user experience and development process.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level to senior individual contributor with specialized expertise in Design Systems. It requires a deep understanding of systematic design principles and their application within a complex software product.

Reporting Structure: The designer will likely report to a Design Lead, Head of Design, or a Director of Product. Collaboration will be highly cross-functional, working closely with engineering leads and product managers.

Operations Impact: While not a direct operations role, the impact is significant. A well-maintained and adopted design system directly contributes to:

• Development Velocity: Faster feature development by providing pre-built, approved components.

• Product Consistency: A unified and predictable user experience across the entire platform, which can reduce user confusion and support overhead.

• Scalability: Enables the product to scale more effectively as new features and products are added.

• Brand Integrity: Ensures consistent brand representation and quality across all user touchpoints.

Growth Opportunities:

• Opportunity to become a subject matter expert in design systems and contribute to the foundational elements of a rapidly growing AI software delivery platform.

• Potential to influence and shape the future of the company's design language and developer experience.

• Possibility to grow into more senior design system roles, lead system initiatives, or transition into related technical design or engineering roles.

• Continuous learning in areas like AI-assisted design, advanced tokenization, and design-to-code automation.

📝 Enhancement Note: The growth path emphasizes specialized technical design expertise, which is a valuable trajectory for individuals seeking to deepen their impact within product development through systemic approaches.

🌐 Work Environment

Office Type: Fully remote, with employees based in the U.S. or EU. This offers significant flexibility and autonomy.

Office Location(s): Remote from the United States or European Union.

Workspace Context:

• A virtual collaborative environment that requires strong asynchronous communication skills.

• Access to modern design tools (Figma, Tokens Studio) and potential for AI-assisted design workflows.

• Opportunities to engage with a global team and contribute to a cutting-edge AI platform.

Work Schedule: Flexible work schedule, standard full-time hours are expected. The remote nature necessitates strong self-management and time management skills to ensure productivity and collaboration across different time zones.

📝 Enhancement Note: The flexible and remote work environment requires individuals to be highly self-motivated and organized, similar to how operations professionals manage projects and deliverables with autonomy.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess alignment with the role's core requirements, particularly Figma proficiency and design system experience.

• Portfolio Presentation: A session where you present your design system work, discussing your process, rationale, and impact. Be prepared to showcase specific examples of component libraries, token architecture, and design-to-code collaboration.

• Technical/Systems Interview: Discussions focused on your understanding of design systems, atomic design, tokenization, accessibility, and your ability to collaborate with engineers. Expect questions about how you approach system design challenges and ensure quality.

• Hiring Manager/Team Interview: A conversation to assess cultural fit, communication style, and overall alignment with Harness's values and mission.

Portfolio Review Tips:

• Focus on Impact: Clearly articulate the problem your design system solved, the solutions you implemented, and the measurable outcomes (e.g., improved consistency, faster development cycles, enhanced accessibility).

• Showcase Systems Thinking: Demonstrate your ability to think systematically, breaking down complex UIs into reusable components and defining clear token hierarchies.

• Highlight Collaboration: Provide examples of how you partnered with engineers and other stakeholders, showcasing your communication and problem-solving skills in a collaborative environment.

• Detail Your Process: Explain your design process for creating and iterating on components and tokens, including your use of Figma features and Tokens Studio.

• Emphasize Technical Understanding: Be ready to discuss how your designs translate into code, demonstrating your understanding of React component structure and CSS.

Challenge Preparation:

• Be prepared for potential design challenges that may involve evaluating existing components, proposing improvements to token architecture, or designing a new component within system constraints.

• Practice articulating your design decisions clearly and concisely, focusing on system logic and adherence to established principles.

• Be ready to discuss how you would handle scenarios involving conflicting design needs across different product teams or technical constraints.

📝 Enhancement Note: The interview process emphasizes practical application and systematic thinking, mirroring the analytical and problem-solving skills required in operations roles. A strong portfolio is key to demonstrating these capabilities.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI design, component creation, prototyping, and system documentation. Advanced proficiency with auto layout, variants, properties, and responsive structures is required.

• Tokens Studio for Figma: Mandatory for designing, defining, and managing design tokens within the Figma environment.

• Design Tokens (JSON format): Experience with or understanding of how design tokens are structured and utilized.

Analytics & Reporting: While not directly managing analytics, understanding how design system adoption and component usage can be tracked (e.g., through product analytics tools) is beneficial.

CRM & Automation: Not directly applicable to this role, but familiarity with how design systems support the user experience of enterprise software platforms is relevant.

Development Environment Collaboration:

• React: Understanding of React component structure and how design system components are implemented.

• CSS/Utility Classes: Basic understanding, particularly in the context of frameworks like Tailwind CSS.

📝 Enhancement Note: Proficiency in Figma and design token tools is paramount. The ability to understand and collaborate on React and CSS implementation highlights the technical depth needed, ensuring that designs are not only aesthetically pleasing but also technically feasible and efficient to implement, a key operational consideration.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Quality: A deep commitment to high-fidelity design, meticulous attention to detail, and the pursuit of production-ready UI.

• Systematic Thinking: A preference for structured, organized design work, breaking down complexity into scalable, reusable systems.

• Collaboration: A strong emphasis on working closely with engineers and other product stakeholders to ensure successful system implementation and adoption.

• Efficiency & Scalability: A drive to build foundational elements that enable faster development, consistent experiences, and the ability to scale the product effectively.

• Continuous Improvement: A proactive approach to evolving the design system, raising quality bars, and incorporating new best practices.

Collaboration Style:

• Highly collaborative, with a strong focus on cross-functional partnerships between design and engineering.

• Emphasis on clear communication, feedback loops, and shared ownership of the design system.

• Openness to exploring new technologies and methodologies, including AI-assisted tools and design-to-code workflows.

📝 Enhancement Note: The company's values, particularly around craftsmanship, systematic thinking, and collaboration, align well with the operational mindset of building robust, efficient, and scalable solutions.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining consistency and quality across a complex, evolving enterprise platform with multiple product teams.

• Balancing the need for system scalability with the demands for unique feature designs.

• Ensuring effective adoption of the design system by various product teams, which may have differing levels of design maturity.

• Staying ahead of evolving design trends, technologies, and best practices in the fast-paced world of AI and software delivery.

Learning & Development Opportunities:

• Deepen expertise in advanced design system methodologies, tokenization strategies, and accessibility standards.

• Gain hands-on experience with AI-assisted design tools and advanced design-to-code automation workflows.

• Develop a strong understanding of enterprise software architecture and the impact of design systems on development efficiency.

• Potential to mentor junior designers and influence the overall design strategy at Harness.

• Opportunities to attend industry conferences and pursue relevant certifications.

📝 Enhancement Note: Overcoming these challenges requires strong problem-solving skills, strategic thinking, and adaptability—qualities highly valued in operations roles. The growth opportunities focus on specialized technical development within the design systems domain.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex component you designed for a design system. What were the challenges, how did you approach them, and what was the outcome?" (Focus on systematic breakdown, states, and responsiveness).

• "How do you approach defining and managing design tokens? Walk us through your process for primitive, semantic, and component tokens." (Demonstrate understanding of token architecture and its flow).

• "How do you ensure accessibility is integrated into your design system components?" (Highlight knowledge of WCAG and practical implementation).

• "Describe your experience collaborating with engineers. How do you ensure designs translate effectively into code?" (Provide specific examples of communication and problem-solving).

Company & Culture Questions:

• "What interests you about Harness and our AI software delivery platform?" (Research the company's mission and recent news).

• "How do you see a design system contributing to an AI-driven product development cycle?" (Connect design system efficiency to broader operational goals).

Portfolio Presentation Strategy:

• Structure: Organize your presentation logically, starting with an overview of the project, detailing your process and contributions, and concluding with the impact and key learnings.

• Visuals: Use high-quality visuals of your designs, Figma files (demonstrating auto layout, variants, etc.), and token structures.

• Storytelling: Frame your projects as stories – the problem, your approach, the solution, and the results.

• Technical Details: Be prepared to dive into the technical aspects of your work, especially regarding token implementation and code translation.

• Conciseness: Be mindful of time and focus on the most impactful aspects of your work.

📝 Enhancement Note: Preparation should focus on demonstrating not just design skills, but also a systematic, analytical, and collaborative approach to problem-solving, akin to what is expected in operations roles.

📌 Application Steps

To apply for this Product Designer, Design Systems position:

• Submit your application through the Harness careers portal using the provided link.

• Portfolio Customization: Tailor your portfolio to prominently feature design system projects. Highlight your experience with Figma, Tokens Studio, component libraries, and design token architecture. Clearly articulate the impact of your work on consistency, scalability, and development efficiency.

• Resume Optimization: Ensure your resume clearly lists your experience with design systems, UI/UX design, Figma, design tokens, and cross-functional collaboration. Use keywords from the job description such as "Design Systems," "Figma," "Tokens Studio," "Atomic Design," and "React."

• Interview Preparation: Practice articulating your design process, system thinking, and collaboration experiences. Prepare specific examples for behavioral and technical questions, focusing on how your work drives efficiency and quality.

• Company Research: Familiarize yourself with Harness's AI Software Delivery Platform, its mission, and its impact on the industry. Understand how a robust design system contributes to the company's overall goals of accelerating software delivery and improving product quality.

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

---