# Repurposing Figma hardware

> I had stopped using my Figma Micro pad. So I reprogrammed it for a new job.

Case study by Ian Hazelton. Web version: https://www.ianhazelton.com/work/figma-hardware

- **Discipline:** Personal project
- **Scope:** Hardware, software, AI workflow
- **Role:** Design and build, solo
- **Hardware:** Work Louder × Figma Creator Micro
- **Built with:** Tauri, Rust, TypeScript, Claude Code
- **Year:** 2026

## Outcomes

- **0** Keycodes: press a shortcut to assign it
- **4** Light states, driven by Claude Code
- **1** Paperweight, back to work

## The short version

1. **The object:** I was a heavy Figma user. I had an accessibility need. I also had a weakness for beautiful industrial design. So I bought the Micro pad.
2. **The turn:** A year later, my workflow had changed, but my Micro pad hadn't kept up.
3. **The repurpose:** So I built my own app for it, one that speaks plain English instead of keycodes.
4. **The light:** Now it's part of my AI workflow.
5. **Conclusion:** When you can build things yourself, you don't wait for help, or permission, to solve your own problems.

---

### Personal project

I gave it new software and a new job alongside my AI workflow.

![The Micro pad](https://www.ianhazelton.com/work/figma-hardware/micro-studio.jpg)

## 01 · The object

**I was a heavy Figma user. I had an accessibility need. I also had a weakness for beautiful industrial design. So I bought the Micro pad.**

The Micro pad mapped my most common Figma commands to a single satisfying click. That mattered a lot to me at the time: the normal key combinations were really difficult for me to do, or impossible. I used it religiously all day, every day. It honestly helped me get back up to speed after an injury.

It's lovely to look at and satisfying to interact with too. Solid and clicky.

![The Micro pad with its colour keys](https://www.ianhazelton.com/work/figma-hardware/top-colour.jpg)

![VIA, the software the Micro pad came with](https://www.ianhazelton.com/work/figma-hardware/via.webp)

_The Micro pad, and the software it came with. Photo of the Micro pad: Work Louder._

## 02 · The turn

**A year later, my workflow had changed, but my Micro pad hadn't kept up.**

Most of my design work now happens in code, alongside AI agents. Figma has become more of a sketchbook. I still use FigJam to map complex flows, get stakeholders aligned and create something AI can work from, but that's about it.

I wanted to make better use of my Micro pad in this new workflow, but changing what the keys did was a pain. I never got on with VIA, the software it shipped with. Even a simple shortcut needed translating into something like `LGUI(KC_C)` just to mean cmd+c. It was a chore that never got done.

Eventually, I stopped using the Micro pad altogether. I had a beautiful, very expensive paperweight.

### One more thing

Working with AI also gave me new problems to solve. Sometimes I'd set a prompt going, switch tabs and come back half an hour later only to find the agent had stopped after a minute, waiting for an answer or permission.

![The Figma keyset: colour keys and thirty tool icons](https://www.ianhazelton.com/work/figma-hardware/keycaps.jpg)

_Thirty Figma tool icons, for a tool I'd mostly stopped opening. Photo: Work Louder._

## 03 · The repurpose

**So I built my own app for it, one that speaks plain English instead of keycodes.**

It's called Keyway, a macOS app I built from scratch. It talks to the Micro pad the same way VIA does, so changes save straight onto it. No firmware to change, nothing to flash.

![Keyway opening from the Dock](https://www.ianhazelton.com/work/figma-hardware/keyway-dock.svg)

_Keyway, a Mac app of my own._

### 

- Tap the key.
- Press the shortcut.
- Done.

- Tap a key on the Micro pad, then press the shortcut you want on your Mac, and Keyway saves it to the Micro pad.
- You can't type a layer as a shortcut, so layers get their own picker: hold, toggle, or tap for one thing and hold for another. It also warns you before you delete the only key that gets you to a layer.

![Keyway, assigning cmd+shift+4 to a key on the Micro pad](https://www.ianhazelton.com/work/figma-hardware/keyway-assign.svg)

_Keyway, assigning cmd+shift+4 to a key on the Micro pad._

## 04 · The light

**Now it's part of my AI workflow.**

The Micro pad has lights, so I figured they could tell me things. Keyway can also run from the command line, which means Claude Code can control the lights with hooks: little commands that run when something happens in a session.

When I send Claude a message, the Micro pad goes blue while it works. Flashing amber means it needs me, green means it's done, and flashing red means something failed. Nothing gets saved to the Micro pad, so my own lighting settings are never lost.

The best bit is that I can get on with other work in other tabs. The Micro pad sits in the corner of my eye, and the moment Claude needs me it flashes amber, so it's never left waiting for an hour.

### Four colours

**Working**: I've sent a message, and Claude's working on it.

![Working](https://www.ianhazelton.com/work/figma-hardware/lamp-working.svg)

**Waiting**: Claude needs something from me.

![Waiting](https://www.ianhazelton.com/work/figma-hardware/lamp-waiting.svg)

**Done**: Claude's finished.

![Done](https://www.ianhazelton.com/work/figma-hardware/lamp-done.svg)

**Failed**: Something Claude ran has failed.

![Failed](https://www.ianhazelton.com/work/figma-hardware/lamp-failed.svg)

## 05 · Conclusion

**When you can build things yourself, you don't wait for help, or permission, to solve your own problems.**

I designed how it works, then built the app, the bit that talks to the Micro pad, and the hooks myself, with Claude Code alongside. That's how I work now.

> **Credits:** This is a personal project. It wasn't made for Work Louder or Figma, and I'm not affiliated with either. Photos by Work Louder, used with their permission.

---

Part of the portfolio of Ian Hazelton: https://www.ianhazelton.com/llms.txt
