
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 idea to live product: 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.
Some 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
SVG Animator
Interactive SVG animation playground with Motion: make your icons bouncy

Cascade
Cascade: An icon library for CSS properties
Capturing Compositions
Capturing live UI compositions with Claude Code
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
Icon Canvas
A browser-based SVG icon editor for creating and refining simple icons
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 budget-tight organisations
Shadow Explorer
A tool to design elevation scales and crispy layered box-shadows