Founding Design Engineer

Mage Legal; San Francisco (CA); On-site; USD 100,000 - 150,000; Full time

Job summary

A legal tech company based in San Francisco is looking for a design engineer. You will design and build features from Figma concepts directly into a React codebase. The role involves solving complex UX challenges for M&A attorneys while owning the design system in a collaborative environment. Compensation ranges from $100K to $150K plus equity, requiring strong skills in Figma, React, and UX design.

Qualifications

• Experience designing and building features from Figma to React.
• Proven ability to create user-friendly and data-heavy interfaces.
• Strong attention to detail in UI/UX design and interactive elements.

Responsibilities

• Design and build features end-to-end without handoffs.
• Own the design system and evolve it with the product.
• Solve complex UX challenges for M&A attorneys.

Skills

Figma

React

Tailwind CSS

TypeScript

UX Design

Tools

Next.js

Radix UI

Job description

Overview

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.