From Figma variables to CSS tokens
We used to maintain design tokens by hand in CSS, aliased to Mantine (–type-body-size: var(–mantine-font-size-sm)). That…
CSS Grid vs. Flexbox: When to Use Which
If you’re like a lot of designers who write CSS, Flexbox is probably your default. It’s flexible, it’s forgiving, and it…
Prompts are becoming a design material
There’s been a shift in how products get designed, especially in anything that involves AI. For a while, prompts were tr…
A Tailwind Colour Palette Generator for Design Engineers
One of the first problems I encountered as a design engineer was sales teams wanting custom demos of software products. …
From Designer to Design Engineer: A Practical Guide for Getting Started
Transitioning from designer to design engineer can feel like stepping into a whole new world—new tools, new workflows, a…
Design Engineers Are the Future of Product Development
In the past, product development followed a familiar pattern: designers created static mockups, handed them off to engin…
The End of a Meme
You’ve probably seen the meme. On one side, there’s a gorgeous, promised land of design. On the other, a sad, broken ver…
The Beginning of the End for Figma? Building Prototypes with Vue.js as a Designer
For years, Figma has been the dominant tool for UI/UX designers. But with AI-assisted coding, powerful UI libraries, and…
Product Design is a Technical Pursuit
Product design is the intersection of art and science. It requires creativity and intuition, but it is also deeply techn…