Clera logo

Design Engineer

Clera

On-site
San Francisco, CA
Full-time
Senior
5+ yrs
$180k–$220kPosted 1w ago

Real job — pulled straight from Clera’s careers page · Verified August 3, 2026 · No reposts.

Job description

Clera is hiring a Design Engineer — a full-time, based in San Francisco, CA role ($180k–$220k). Apply directly on Clera's careers page below.

Design Engineer

Department: Engineering

Location: San Francisco

Employment Type: FullTime

About the Role

This role sits at the intersection of design and engineering at a small, fast-moving B2B SaaS company building an AI-powered pricing optimization platform. As the Design Engineer, you will own the visual and interaction quality of the frontend, raise the bar on polish, accessibility, and consistency across product surfaces — and enable AI-driven development workflows that keep the codebase clean and scalable.

You'll work closely with founders and engineers to turn design intent into robust, reusable code and automated guardrails. This is an on-site role in San Francisco, CA, and the ideal candidate is comfortable being the sole bar-raiser for UX, interface craft, and frontend standards across a small, in-person team.

Visa sponsorship is not available. Candidates must be authorized to work in the United States.

What You'll Do

  • Partner with founders and cross-functional teammates to ship crafted, consistent product features.

  • Own the design system end-to-end: design tokens, a shadcn/ui-based component library, and Tailwind CSS conventions.

  • Define and enforce patterns for React Query, React Hook Form, and Zod to ensure consistency across both human- and agent-authored code.

  • Codify and enforce WCAG contrast and accessibility rules across core product flows.

  • Implement and maintain frontend tooling and quality measures including Biome configuration, Playwright E2E coverage, and performance optimizations.

  • In your first 30–60 days: audit existing tokens, Tailwind conventions, and components, then execute high-impact cleanups.

  • By 90 days: establish pattern enforcement so agent-written pull requests land without styling or pattern corrections.

  • Define component and visual guidelines for conversational agents and bots on platforms such as Slack and Microsoft Teams.

  • Keep the frontend a thin, replaceable, and highly polished layer over a versioned API.

  • Integrate AI coding tools (e.g., Cursor, Claude Code) into frontend workflows and write custom rules to guide component generation and styling.

What We're Looking For

Must-haves (dealbreakers):

  • 5+ years building product interfaces with a portfolio of shipped features demonstrating high polish.

  • Proven primary ownership of a design system or component library in production (public repo, portfolio, or documented proprietary work).

  • Deep expertise in React, strict TypeScript, Tailwind CSS, and component primitives (shadcn/ui, Radix UI) — with the ability to keep a typed codebase honest, flexible, and scalable.

  • Authorized to work in the United States (no visa sponsorship available).

Required skills & experience:

  • Experience owning design tokens, a shadcn/ui component library, and Tailwind conventions across a product suite.

  • Experience defining and enforcing patterns with React Query, React Hook Form, and Zod; and encoding these patterns in tooling such as Biome or custom lint rules to ensure consistency in agent-written pull requests.

  • Experience implementing accessibility requirements (WCAG) and encoding contrast rules into code and brand guidelines.

  • Experience establishing frontend tooling and quality: Biome configuration, Playwright E2E coverage, and frontend performance optimizations.

  • Strong skills in animation and UI state transitions (e.g., Framer Motion, Radix transitions) and micro-interaction craft.

  • Experience integrating AI coding tools (e.g., Claude Code, Cursor) into frontend workflows and writing custom rules to guide component generation and styling.

  • Comfortable being the sole design and frontend craft standard-bearer on a small, in-person team.

Nice to have:

  • Experience designing and shipping conversational interfaces or chatbots for B2B end-users, including familiarity with Slack Block Kit or Microsoft Teams Adaptive Cards.

Compensation & Benefits

  • Salary: $180,000 – $220,000 USD annually

  • Early-stage equity opportunity

  • Small, high-trust team with close founder collaboration

Location

This is a full-time, on-site position based in San Francisco, CA. Candidates must be local or willing to relocate. Remote arrangements are not available for this role.

Get Design Engineer jobs like this

New roles from thousands of companies land hourly, straight from their careers pages. Get the freshest matches by email so you never miss one.

Email me new jobs
Playtech logo

AI Engineer

Sofia, BG
✓ From careers page· 17m ago
AvaTrade logo

Full Stack Engineer

Herzliya
✓ From careers page· 28m ago
CERN logo

CERN

New

Full-Stack Software Engineer

Geneva, GENEVA
✓ From careers page· 43m ago
CERN logo

CERN

New

Full-stack Software Engineer

Geneva, CH
✓ From careers page· 43m ago

Frequently asked questions

What is the salary for Design Engineer at Clera?

The estimated salary range for Design Engineer at Clera is $180,000 - $220,000 USD per year.

What skills are required for Design Engineer at Clera?

The required skills for Design Engineer at Clera include: React, TypeScript, Tailwind CSS, Playwright, API.

What is the seniority level for Design Engineer at Clera?

Design Engineer at Clera is a Senior level position.

How do I apply for Design Engineer at Clera?

You can view the full description and apply for Design Engineer at Clera on EchoJobs: https://echojobs.io/job/clera-design-engineer-66uq8.