Hello.

I am a design systems specialist.

Let's rendezvous at the intersection of design system governance and AI driven development.

My name is Jonathan.

I am an experienced Design Engineer - with demonstrable competency in both designing and engineering software design systems. I hold particular interest in the relationship between canvas and code, and building AI ready component libraries. I do my best work in fast paced enviroments and on projects that prioritze strong brand identity.

Expertise

Design systems

Figma variables

Figma MCP

Storybook

W3C design tokens

React

Vue

HTML / CSS

Next.js

TypeScript

WCAG / ARIA

Tailwind

Git

Playwright

Claude Code

Design token architecture

Component library development

Design to code workflows

Agentic prototyping

Design system governance

Interaction & UI design

Accessiblity driven design

AI-ready design systems

Portfolio

Gradient buttons

Isolated component development. Gradient animations. Unit Testing.

Color conversion hooks

Custom, encapsulated, and unit tested React hooks to convert and validate RGB, Hex & HSL color values.

Aperture

Component library development

Daybreak

Front-end engineering

Socialive

Component library development

Insights

Maximizing performance and efficiency with useCallback in React

Unit testing presentational components in react

Component libraries: The (hidden) implication

View all insights