UI Designer/Design System Contractor

What You'll Do

Component Design

• -
• Design and refine core UI components (form elements, filters, navigation, tables, etc.) on top of Quest’s existing token and typography foundations.
• -
• Ensure components work across the six-workspace shell pattern and are reusable across products.
• -
• Define consistent variant/state conventions (default, hover, focus, disabled, error) and responsive behavior.

Documentation

• -
• Build component-level documentation: usage guidelines, do’s/don’ts, states/variants, accessibility notes.
• -
• Document how design tokens map to code implementation.
• -
• Set up or extend a documentation platform (e.g., Storybook) as a single source of truth for designers and engineers.

Claude / Claude Code Integration

• -
• Configure Claude Code (and related tooling, e.g., Figma Code Connect / MCP-based workflows) to connect the design system to the codebase.
• -
• Build the workflows/config that let engineers generate design-system-compliant code faster and with fewer manual handoff steps.
• -
• Document the AI-assisted workflow clearly enough that the internal team can maintain and extend it after the contract ends.

Cross-Functional Collaboration

• -
• Work directly with Product Designer Manager and the design team to prioritize components.
• -
• Partner with engineering to validate implementation and resolve adoption friction.

What Success Looks Like

-

Bachelor’s degree in a design-related field or equivalent combination of relevant professional experience and demonstrated expertise. A strong portfolio and hands-on design system experience may be considered in lieu of a formal degree.

-

4+ years of UI, product, or related design experience, including hands-on experience building and owning a design system component library, rather than solely working within an established system.

-

Portfolio demonstrating relevant UI and design system work, including examples of component library development.

-

Hands-on experience using Claude and/or Claude Code in production workflows, including configuring, prompting, and troubleshooting AI-assisted development tools.

-

Advanced proficiency in Figma, including variables/design tokens, component variants, and auto layout.

-

Demonstrated ability to create clear, usable design system documentation for both designers and engineers.

-

Understanding of how design tokens translate into code, such as CSS variables or similar implementation approaches.

-

Strong written and asynchronous communication skills, with the ability to collaborate effectively across design and engineering teams.

-

Working knowledge of WCAG 2.2 Level AA accessibility standards and their application to UI components and design systems.

-

Self-motivated and able to work in a fast-paced, deadline-oriented environment