Senior Design Systems Architect - Figma to Code

Jobtailor; California (MO); On-site; USD 120,000 - 180,000; Full time

Job summary

Jobtailor is seeking a seasoned design systems leader to own the vision, roadmap, and governance for Clearwater's design system across web products. You will design core components, tokens, and patterns, working hands-on in Figma and code (HTML, CSS, JavaScript, React) to keep design and implementation in lockstep.

You will drive the Figma-to-Storybook workflow, manage token pipelines, and collaborate with engineers to ensure tokens map cleanly from design to production.

Qualifications

• 8+ years of experience in product/UX/UI design, including 3+ years leading or building design systems at scale.
• Proven, hands-on experience designing and deploying a production design system — from Figma library and tokens through shipped code.
• Strong UI development skills: proficiency in HTML, CSS, and JavaScript, with working knowledge of component-based front-end frameworks (e.g., React).
• Proficiency with Claude Code or similar AI-assisted coding tools to accelerate component development.
• Experience making a design system consumable by non-designers or AI tooling, not just Figma/Storybook libraries.
• Hands-on experience building and maintaining a Figma-to-Storybook component library pipeline, keeping design and code in sync.
• Advanced Figma skills: variables/tokens, component architecture, auto layout, and prototyping.
• Strong grasp of accessibility fundamentals (WCAG) and how to encode them into reusable components.
• Excellent communication and stakeholder management skills, with ROI presentations to senior leadership.
• A portfolio demonstrating design systems thinking and shipped, production UI.

Responsibilities

• Own the vision, roadmap, and governance for Clearwater's design system across all web products.
• Design and help build core components, patterns, and design tokens with hands-on work in Figma and code (HTML, CSS, JS, React).
• Own the Figma-to-Storybook component library workflow and ensure synchronization between design and published library.
• Partner with engineering to build and maintain the design system's token pipeline and shared component library.
• Use AI-assisted development tools to accelerate component development and design-to-code handoff.
• Make the design system machine-consumable with structured specs, tokens, and documentation for AI tooling integration.
• Define guardrails and validation to catch off-brand output at scale, beyond design reviews.
• Drive adoption of the design system across the organization and identify gaps for new components.
• Provide design leadership and mentorship to designers and engineers contributing to or consuming the system.
• Collaborate with Product/Visual/Interaction Designers and Engineers to support dense enterprise workflows.

Skills

UX design

Design systems

UI development

Figma

Storybook

React

Accessibility WCAG

AI tooling Claude Code

Tools

Figma

Storybook

React

HTML/CSS/JS

Claude Code

Job description

Jobtailor is seeking a seasoned design systems leader to own the vision, roadmap, and governance for Clearwater's design system across web products. You will design core components, tokens, and patterns, working hands-on in Figma and code (HTML, CSS, JavaScript, React) to keep design and implementation in lockstep.

You will drive the Figma-to-Storybook workflow, manage token pipelines, and collaborate with engineers to ensure tokens map cleanly from design to production.