
Hi, I'm Andrew Flett, Product Designer and Engineer.
I've spent 25 years at the intersection of design and engineering, taking things from rough ideas to live products: open-source tools that ended up needing maintaining, design systems that had to work as much for the people using them as the products they fed into, and digital services for the NHS, the European Commission, Microsoft, ITV, and TED Global.
In practice, that's meant directing product strategy, designing the product, and writing the code, sometimes in the same week. Less a deliberate career plan, more a restless curiosity about how all the pieces connect.
Work with me
Currently taking on short to medium term design and engineering projects. I'm comfortable working out what to build and shipping it, or helping you grow and polish something already in motion.
On the side I'm building Surface and maintaining Cascade while exploring what it means to design in an AI-world.
Get in touchSome bits and pieces
Colour Tokens
Not just palettes: a tool to build flexible and robust semantic colour systems

Surface
A multi-framework CLI design tool with both AI and deterministic edit modes
Icon Canvas
A browser-based SVG icon editor for creating and refining simple icons

Cascade
Cascade: An icon library for CSS properties
Capturing Compositions
Capturing live UI compositions with Claude Code
SVG Animator
Interactive SVG animation playground with Motion: make your icons bouncy
Shadow Editor
Edit global shadows visually and write changes straight back to your code
Semantic Design Systems
A Claude Code skill for scaffolding design systems with semantic tokens
Primitive Primitives
More primitive primitives: exploring what vanilla HTML and CSS can do in 2026

AI for Good
What AI-assisted development looks like for tight-budget organisations
Shadow Explorer
A tool to design elevation scales and crispy layered box-shadows
Image Tool
Crop, scale, fit and export screenshots – built just to avoid opening Figma