UI/UX Designer, Design Systems

Designer Jobs; Boise (ID); On-site; USD 95,000 - 135,000; Full time

Benefits offered by this job

Competitive benefits package

Work from anywhere 3 weeks/year

Work from home Fridays

Job summary

Clearwater Analytics, LLC is seeking a senior design systems designer to shape the vision, governance, and adoption of a production design system across web products. You will own core components, tokens, Figma-to-Storybook workflows, and design-to-code handoffs using HTML, CSS, JavaScript, React, and Style Dictionary.

You will mentor designers and engineers, collaborate with Product and Engineering, ensure WCAG accessibility, and drive scalable, data-heavy UI patterns for dashboards and forms.

Qualifications

• 5+ years of product/UX/UI design experience, including 2+ years on design systems at scale.
• Hands-on experience delivering production design systems end-to-end, from Figma library to shipped code.
• Strong UI development skills in HTML, CSS, JavaScript, and React.
• Proficiency with Claude Code or similar AI-assisted coding tools for faster workflows.
• Experience making a design system consumable by non-designers and AI tooling via APIs/MCPs.
• Hands-on experience building Figma-to-Storybook pipelines and keeping design and code in sync.

Responsibilities

• Shape the vision, roadmap, and governance for Clearwater’s design system across all web products.
• Design and build core components, patterns, and tokens using Figma and code (HTML, CSS, JavaScript, React).
• Own the Figma-to-Storybook workflow, ensuring sync between design and engineering.
• Collaborate with engineering to maintain the design system token pipeline and shared component library.
• Utilize AI-assisted tooling (Claude Code) to accelerate component development and handoffs.
• Define standards, guidelines, and documentation to drive adoption across distributed teams.
• Mentor designers and engineers contributing to the system and raise craft quality.
• Drive adoption by identifying gaps and prioritizing new components and patterns in data-heavy enterprise UIs.

Skills

Design systems

UX design

React

Figma

HTML/CSS/JS

Accessibility

Mentoring

Stakeholder communication

Tools

Figma

Storybook

Style Dictionary

Claude Code

MCP

Job description

Clearwater Analytics, LLC is building and evolving web product design systems that help teams design faster, ship more consistently, and keep UI quality aligned across Figma and production code. This onsite role in Boise, ID 83702 brings hands‑on UI/UX craft to design system strategy and implementation, with direct responsibility for components, tokens, and the workflows that drive adoption.

What you’ll do

• Help shape the vision, roadmap, and governance for Clearwater’s design system across all web products.
• Design and build core components, patterns, and design tokens by working in both Figma and code, including HTML, CSS, JavaScript, and component frameworks such as React.
• Own the Figma-to-Storybook workflow so components, variants, and documentation stay synchronized between design and what engineering builds and documents.
• Partner with engineering to build and maintain the design system token pipeline (for example, Style Dictionary or similar) and a shared component library with clean mapping from design to code.
• Use AI-assisted development tools such as Claude Code to accelerate component development, prototyping, and design-to-code handoff.
• Contribute to making the design system machine-consumable through structured component specs, tokens, and documentation that AI coding tools can use directly (including an MCP-style integration example), supporting on‑brand UI generation without relying only on review.
• Help implement guardrails and validation including audits, evaluation criteria, and automated checks to prevent off‑system or off‑brand output from AI‑assisted or non‑designer contributors at scale.
• Help define and evolve design system standards, documentation, and contribution guidelines to support adoption across distributed product teams.
• Drive design system adoption by identifying gaps and prioritizing new components or patterns based on real product needs.
• Mentor and support designers and engineers who contribute to or consume the system, raising the bar on visual and interaction craft.
• Collaborate closely with Product, Visual, Interaction, and Engineering teams to ensure the system supports dense, data‑heavy enterprise workflows such as tables, dashboards, reporting, and complex forms.
• Support accessibility standards (WCAG) as a built‑in property of each component rather than an afterthought.
• Present design systems progress and strategy to senior stakeholders, including the VP, Head of UX, and engineering leadership.
• Track and report design system health, including adoption rate, component coverage, contribution velocity, and design/engineering consistency.

What you bring

• 5+ years of experience in product/UX/UI design, including 2+ years working on design systems at scale.
• Proven hands‑on experience designing and deploying a production design system end‑to‑end, from the Figma library and tokens through shipped code (design‑only or theoretical work is not sufficient).
• Strong UI development skills with proficiency in HTML, CSS, JavaScript, plus comfort contributing to or pairing on component‑based front‑end code (for example, React).
• Proficiency with Claude Code or similar AI‑assisted coding tools for faster component development and design‑to‑code workflows.
• Experience making a design system consumable by non‑designers or AI tooling using structured documentation and integrations such as APIs/MCPs, not only human‑facing libraries.
• Hands‑on experience building and maintaining a Figma-to-Storybook (or equivalent) pipeline that keeps design and code in sync.
• Advanced Figma skills including variables/tokens, component architecture, auto layout, and prototyping.
• Strong visual design craft across typography, layout, color, spacing, and interaction states, specifically applied to dense enterprise B2B interfaces.
• Solid understanding of design token tooling and how tokens flow from design into production code.
• Strong accessibility fundamentals and the ability to encode them into reusable components aligned to WCAG.
• Excellent communication and stakeholder management skills, including presenting design work and design systems progress to cross‑functional partners and leadership.
• A portfolio showing both design systems thinking and shipped, production UI, not only visual or marketing work.

Technologies

• Figma
• HTML
• CSS
• JavaScript
• React
• Storybook
• Style Dictionary
• Claude Code
• MCP

Benefits

• Competitive medical, dental, vision, and life insurance benefits
• Maternity and paternity leave
• Personal Time Off and Volunteer Time Off to give back to the community
• Work from anywhere 3 weeks out of the year
• Work from home Fridays
• Business casual atmosphere in a flexible working environment
• Team‑focused culture that promotes innovation and ownership
• Access cutting‑edge investment reporting technology and expertise
• Defined and undefined career pathways, allowing you to grow your way

Preferred qualifications

• Experience designing for enterprise SaaS or data‑heavy/fintech products, including tables, dashboards, complex forms, and reporting
• Experience mentoring or supporting designers and engineers contributing to a shared design system
• Familiarity with AI‑assisted design tools and workflows (for example, Figma Make, Claude) to accelerate design system work
• Experience contributing to design system governance models, including contribution models, versioning, and release processes
• Motion and micro‑interaction design experience