Adam Dutton

Hello there!

Staff Product Designer, Design Systems

Hey, I'm Adam.

I’m a Staff Product Designer who loves working at the intersection of high-quality UI/UX design, front-end code, and AI workflows. Right now, I lead and shape the Design Systems team at Fleetio.

I don't think design systems should just be static UI kits sitting in a Figma file. I focus on building systems that actually map 1:1 to production code, making things easier for developers, and using new AI tools to automate the boring parts of documentation so teams can ship great work faster.

What I'm up to at Fleetio 👇

Since my current work is locked behind internal production walls, here’s a quick look at what I’ve been building lately:

  • Fixing the foundation: Carved out our dedicated design system team from scratch, setting up the roadmap, vision, and goals to get everyone aligned across product and engineering.

  • Tokens & Dark Mode: Built out a system of 300+ design tokens to clean up a bunch of messy, legacy colors across our web app. This unlocked a massive brand refresh and let us launch native dark mode.

  • Figma-to-Code Parity: Curated a library of 70+ components and rebuilt their properties so they match our React components exactly. I also set up Figma Code Connect so developers can grab production code snippets right from the designs.

  • Experimenting with AI: Integrated Claude Code and Claude Design into our workflows. I built our design system guidelines into Claude with automations to keep things self-improving, and brought live code components right into Figma Make templates.

  • Pattern Audits: Currently running a massive, AI-assisted UX audit of our entire app. The goal is to define our exact design patterns so when teams use AI tools to quickly prototype features, the output is already pixel-perfect and strictly adheres to our design system.

Let's Connect 💬

Design systems are always better explained through a live walkthrough where we can look at the actual files, code components, and documentation.

If you want to talk shop about design engineering, scaling systems, or how AI is changing the way we build digital products, feel free to reach out!

Get in touch