~/github/marklearst on main β
β― whoami
name: Mark Learst
role: Senior Design Engineer
focus: Design Systems, DX Tooling, React, TypeScript, Agentic Workflows, OSS
tagline: Coder to the core, think like a designer.
Senior Design Engineer who builds accessible design systems and React
component libraries that teams actually want to use.
At GM, I helped architect Aurora across 4 brands, drove meaningful
component reuse, and supported WCAG 2.2 AA compliance. I also trained
50 plus engineers and designers on the system.
I ship open source tools with real adoption:
β’ a11y Companion, Figma widget for practical accessibility checks
β’ FigmaVars Hooks, React hooks for working with Figma Variables exports
β’ Diabetic Utils, TypeScript utilities for glucose and A1C related calculations
β’ Variable Design Standard, spec driven token governance work
I build the glue between Figma and production: tight APIs, automated
pipelines, drift resistant systems that hold up long after launch.
{
"ui": ["React 19", "TypeScript", "Next.js", "TanStack", "Tailwind"],
"systems": ["Storybook", "Figma Variables", "Design Tokens", "MDX"],
"ai": ["Claude Code", "Cursor", "Agentic Workflows", "Subagents", "MCP"],
"quality": ["WCAG 2.2 AA", "Playwright", "Vitest", "CI Gates"],
"standards": ["DTCG", "VDS", "Semantic Versioning"]
}
I develop with agentic workflows: Claude Code for architecture and
validation, Cursor for implementation. Subagent orchestration,
CLAUDE.md guardrails, MCP servers for context.
I have shipped portfolio work, component libraries, and OSS tooling
using this stack. The future is hybrid.
{
"a11y companion": "Figma widget, 200 plus users, practical WCAG focused guidance",
"figmavars hooks": "React 19 hooks, Figma Variables workflows, strong test coverage",
"diabetic utils": "TypeScript, glucose and A1C analytics utilities",
"variable design standard": "Token governance spec work, DTCG aligned"
}
π’ Open to remote full time roles
Design Systems, DX Tooling, Staff level IC
React, TypeScript, Next.js, Storybook, Design Tokens
Figma, WCAG, Claude Code, Cursor, Agentic Workflows
- Portfolio: https://www.marklearst.com
- LinkedIn: https://linkedin.com/in/marklearst
- VDS Spec: https://variable-design-standard.vercel.app