Mage Legal logo

Founding Design Engineer

Mage Legal

San Francisco, CAFull-time$100–150K/yrSeen 1mo agoStill listed 2 days ago

Evaluate my fit

Most applications go out cold — see where you stand first. No sign-up to start.

Watch jobs like this.

Don't just apply. Show up ready.

Olive works from this exact posting.

At a glance

Compensation
$100–150K/yr
Location
San Francisco, CA
Schedule
Full-time
Work Authorization
Not specified

Olive lists jobs from US employers, including remote roles you can work from the United States.

Job overview

Mage Legal automates due diligence for M&A attorneys, turning weeks of work into minutes. The company seeks a founding design engineer to own product look, feel, and functionality, designing in Figma and building directly in React, while shaping the design system and solving complex UX challenges.

Skills & qualifications

RequiredNice to have

Skills

ReactFigmaNext.jsTypeScriptTailwind CSSRadix UITanStack QueryTanStack TableMotionDnd-KitLiveblocks

Full job description

Mage automates legal due diligence for M&A attorneys. Work that used to take teams of lawyers weeks now happens in minutes. YC S24, founded by a former M&A attorney from Kirkland & Ellis and Gunderson Dettmer. We're hiring a design engineer to own how the product looks, feels, and works. You'll design features in Figma, then build them yourself in our React codebase. No handoffs. What You'll Do

  • Design and build features end-to-end: From Figma concepts to production React components. No handoffs, no waiting, you ship the whole thing.
  • Own the design system: We have a component library built on Radix UI, Tailwind CSS, and tailwind-variants. You'll evolve it as the product grows.
  • Solve hard UX problems: How do you display 500 extracted provisions across 200 contracts in a way that's actually usable? How do you make an AI-powered document review feel trustworthy? These are the kinds of problems you'll tackle daily.
  • Obsess over details: Micro-interactions, loading states, keyboard shortcuts, error messages. The small things that separate "functional" from "delightful."
  • Talk to users: Our users are M&A attorneys. You'll watch them use the product, understand their workflows, and design for how they actually work, not how you think they should.

The UX challenges are hard. Attorneys review hundreds of contracts with thousands of extracted provisions. Making that feel simple and trustworthy is the job. Stack Next.js 16, React 19, TypeScript, Tailwind CSS, Radix UI, TanStack (Query + Table), Motion, dnd-kit, Liveblocks, Figma You

  • You design and build — Figma to production React, no gap in between
  • You've shipped real product UI, not just component libraries
  • You think in systems and care about consistency across an entire app
  • You make complex, data-heavy interfaces feel simple
  • You notice the details: loading states, error messages, transitions, empty states
  • Strong with Tailwind CSS and component architecture

Compensation $100K–$150K + 1.50% founding equity San Francisco, in person.

Similar jobs, posted recently

Open roles like this one, listed in the last 30 days.

You've read the whole posting — now see how you match it.

Evaluate my fit