Joshua Butner

Two weeks mapping where your design system and your code have drifted apart, and making the system something AI agents can follow.What you getAn inventory of your tokens and components, with a drift reportA token architecture planA map from each component to its codeAgent rules tested on three real ticketsA prioritized 90-day roadmapTools: Figma, your repository, and the AI coding tools your team already uses.Best after the AI Workflow Setup.

Your team has AI tools, but the output drifts off-brand and every workflow is ad hoc. In one week I set up one workflow that follows your system.What you getOne workflow set up end to endRules files your team's tools actually readTested on three real tasks from your backlogA recorded walkthrough so your team can run it and extend itTools: the ones your team already uses, such as Claude, Cursor, Copilot, or v0.This is the place to start. The Agent-Ready System Audit follows it.

Six weeks to a design system your team can extend: tokens, components, and docs that keep design and code saying the same thing.What you getTokens for color, type, and space12 core components in codeA matching Figma libraryA docs site your team can extendTools: Figma, React, TypeScript, and Storybook.A good fit when every new screen rebuilds components that already exist somewhere else.

One feature or flow, designed end to end and ready for your engineers in two weeks.What you getUser flows for the featureA clickable prototypeDev-ready specs and componentsA recorded walkthroughTools: Figma for flows, prototype, and specs.A good fit when your roadmap has more features than senior design hands.

Five reserved days pointed at one goal: a component set, a motion system, or a run of CMS templates.What you getOne named goal for the week, agreed in writing before it startsProduction code in your repository, built from the design and accessible to WCAG AADocumentation and, where it helps, a recorded walkthroughHow it worksBook one week or ten. Each week is invoiced in advance.Set a new goal between weeks as your roadmap moves.Tools: Figma, React, TypeScript, Storybook, and your CMS.Five days at the day rate, billed by the week, never hourly.

A day of design engineering on your product: I design it, build it, and leave it working in your codebase.What a day coversDesign systems: tokens, components, and docs in Figma and in codeReact and TypeScript UI, built from the design and accessible to WCAG AAMotion and interaction, from prototype to productionDesign-to-code handoff, including AI-assisted workflows your team can keep usingHow it worksBook one day or a block of days, from a few a week to full-time for one to six months.We agree the goal for each block in writing before it starts.Every block ends with documentation and, where it helps, a recorded walkthrough. You own what you pay for.Billed by the day, never hourly.