About The Position

As part of our Harness 3.0 evolution, we are rethinking the visual and technical foundation of the Harness product experience. We are hiring a Design Systems Designer to help shape that next chapter. This role sits at the intersection of product design and engineering. You will design and evolve the system that powers consistency, quality, and speed across our platform. That includes component libraries, token architecture, theming, interaction patterns, and the guidance that helps product teams build with more confidence and less friction. This is an especially exciting moment to join. Harness 3.0 is raising the bar on visual quality, modernizing our design language, and strengthening the design to code workflows that will power the next generation of the product. We are looking for someone with strong UI visual craft, high attention to detail, and a real interest in how systems come to life in code. This is not a maintenance role. We need a designer who can create polished, production ready UI, think systematically, and work comfortably in a token based, code integrated workflow.

Requirements

  • Visual design and craft
  • Strong visual design fundamentals, including typography, spacing, hierarchy, color, and composition
  • Sharp attention to detail across component states, interaction patterns, and visual consistency
  • Experience designing polished, production ready enterprise UI
  • Strong understanding of accessibility, including color contrast, focus states, and WCAG standards
  • Ability to balance visual quality with the constraints and structure of a system
  • Figma and component systems
  • Strong Figma proficiency, especially with auto layout, nesting, constraints, responsive components, variants, and properties
  • Experience building and maintaining component libraries in Figma
  • Strong understanding of how component properties in design map to props in code
  • Clear understanding of the difference between Figma Variables and design tokens
  • Hands on experience with Tokens Studio for Figma is required
  • Experience working directly with design tokens in JSON and translating them into Figma Variables is also valuable
  • Systems thinking
  • Strong grasp of atomic design principles and scalable system architecture
  • Experience with token based design systems, including primitive, semantic, and component token layers
  • Understanding of how tokens flow from design into code
  • Ability to think across themes, modes, and scalable system logic
  • Interest in deepening systems thinking and growing in a more technical design systems environment
  • Technical collaboration
  • Comfortable reading React component structure and discussing implementation details with engineers
  • Basic understanding of CSS and utility class patterns, ideally in a Tailwind based environment
  • Ability to work closely with engineering on component behavior, states, and design system adoption

Nice To Haves

  • Experience with Style Dictionary or token transformation pipelines
  • Familiarity with AI assisted design workflows
  • Exposure to design to code automation workflows, including Figma API, MCP servers, or similar tooling
  • Experience working on production design systems with code connected token pipelines

Responsibilities

  • Design and evolve high quality components, patterns, and foundations for our design system
  • Build scalable component libraries in Figma using strong auto layout, variants, properties, and responsive structure
  • Work in a token based environment, helping define and apply primitives, semantic tokens, and component level tokens
  • Partner closely with engineers to ensure components translate cleanly from design to React implementation
  • Contribute to multi theme system design across a complex platform
  • Raise the quality bar for visual design, accessibility, consistency, and production readiness across the product
  • Define system guidance, usage rules, and best practices that help teams adopt the system correctly
  • Support the evolution of our design to code workflow using AI assisted tools across Figma, tokens, and implementation pipeline

Benefits

  • Competitive salary
  • Comprehensive healthcare benefits
  • Flexible Spending Account (FSA)
  • Flexible work schedule
  • Employee Assistance Program (EAP)
  • Flexible Time Off and Parental Leave
  • Monthly, quarterly, and annual social and team building events
  • Monthly internet reimbursement
© 2024 Teal Labs, Inc
Privacy PolicyTerms of Service