Bridging Design and Code with Figma MCP
How MCP servers are closing the gap between design tools and engineering workflows.
AI & Design
Building thoughtful digital products, design systems, and AI‑assisted workflows.
Senior software engineer bridging design and engineering through systems, tools, and product thinking.
Product EngineeringFull StackDesign Engineering
Selected Work
On The Beach Design System
Frontend Engineer
Built and maintained a comprehensive component library bridging design and engineering. Storybook, scalable UI foundations, and systems thinking at scale.
FigmaReactNext.jsStorybookAccessibilityClaude CodeAgentic Workflows
Bestfoot
Solo Builder
Solo 0-to-1 recruitment and career tool built from scratch, owning product design, UX, and full-stack engineering.
Next.jsAWSClerk AuthProduct DesignFull Stack0→1
Crewt
Solo Builder
Recruitment-focused product built from the ground up with full ownership of interface design, product thinking, and development.
ReactTypeScriptNode.jsProduct DesignUX
Writing
Building with Claude Code
Lessons from using AI-assisted development to ship products faster.
AI
Storybook as a Design System Contract
Using Storybook MCP to create a living contract between design and development.
Design Systems
The Case for Design-Led Engineering
Why the best frontend engineers think like designers, and how to bridge the gap.
Craft
About
I’m a senior software engineer with a deep interest in design systems, product engineering, and AI-assisted workflows. I care about building useful products from scratch, from early product thinking through to polished, scalable interfaces.
My work sits at the intersection of design and engineering. I believe the best digital products come from people who understand both disciplines and can bridge the gap between them.