Designing in Swiss Precision · Coding in TypeScript

Zurich, Switzerland & Remote Worldwide

Building software interfaces with obsessive craft & engineering precision.

Bridging the chasm between Figma precision and production React architecture with mathematical spacing systems, spring physics, and WCAG AAA compliance.

Explore Featured Work Schedule Discovery

Live Craft Sandbox Interactive

Spring Damping 14px

Interactive Component State v3.4

1,400+

Tokens Architected

850k+

Monthly NPM Downloads

60+

Production Components

100/100

A11y Accessibility

Figma Design Tokens Next.js 15 & React 19 TypeScript Strict Tailwind CSS 4.0 Framer Motion Spring Physics PostHog Telemetry Vercel Edge Functions Storybook 8 Systems Figma Design Tokens Next.js 15 & React 19 TypeScript Strict Tailwind CSS 4.0 Framer Motion Spring Physics PostHog Telemetry Vercel Edge Functions Storybook 8 Systems

CRAFT ARCHIVE

Featured Systems & Interfaces

Production design systems, component engines, and high-conversion SaaS web applications built for category leaders.

Design System Architecture 1.2k Stars

Prism UI: Multi-Brand Enterprise Design System

Unified design token pipeline translating Figma variable tokens directly into CSS custom properties, Tailwind plugins, and React native themes.

8 Brands Unified 40% Faster Feature Delivery Zero Styling Drift

TypeScript Figma API Tailwind CSS Storybook Axe Core

Craft Micro-Interactions 890 Stars

Raycast-Grade Command Palette UI Engine

Keyboard-first command navigation engine featuring fuzzy index search, spring-animated focus rings, and seamless audio feedback.

Sub-1ms Keyboard Latency WCAG AAA Navigable Zero Layout Shift

React 19 Framer Motion Web Audio API Radix UI

Component Engineering 640 Stars

Vercel-Inspired Dynamic Bento Grid Analytics

Interactive analytics dashboard featuring dynamic cursor spotlight borders, responsive glass cards, and real-time SVG charting.

99/100 Lighthouse Performance Fluid Responsive Layout CSS Variable Theming

Next.js 15 Vanilla CSS Tokens SVG Math TypeScript

DESIGN ENGINEERING LAB

Multi-Brand Token Architecture

Mathematical design token foundations supporting light, dark, high-contrast, and custom themed applications with zero runtime overhead.

Color Scales

64 semantic tokens

Elevation & Blur

8 spatial layers

Spring Physics

6 dampening curves

Typography Scales

12 modular steps

ENGINEERING TRAJECTORY

Experience & Leadership

Seven years leading design systems, frontend architecture, and developer tooling across high-growth startups and public technology enterprises.

Staff Design Systems Engineer

Linear / Remote Systems · 2023 — Present

Current Role

Leading core design tokens, keyboard command palette architecture, and component performance benchmarking across web and desktop runtimes.

Lead Frontend Architect

Vercel Ecosystem Labs · 2021 — 2023

2 Years

Architected accessible component primitives, Tailwind CSS plugin systems, and developer documentation engines downloaded by 500k+ engineers monthly.

INITIATE SPRINT

Let's craft something exceptional.

Currently accepting select design system advisory contracts, craft UI architectural sprints, and executive keynotes for Q3/Q4 2026.

Direct Communication Channel:

maya.lin@craftdesign.dev

Expected response latency: Under 12 hours (CET / UTC+1)