Truth to Materials
On Figma, Claude Design, and what it costs to represent a thing instead of being it.
There is a principle from the Arts and Crafts movement called truth to materials. A Gustav Stickley lamp table, circa 1902: the joinery is exposed, not hidden. The mortise-and-tenon is visible. The wood looks like wood, not like it is pretending to be something else. The thing should be honest about what it is and how it is made.
Sam Henri Gold, a product design engineer, published a piece yesterday called "Thoughts and Feelings around Claude Design." He has been using Claude Design — Anthropic's new tool for generating interfaces directly as HTML and JavaScript — and he has a theory about how this shakes out for the design industry. The piece is worth reading for the screenshots alone.
He shows Figma's own design system file. Built by their own team — ostensibly the gold standard. There is a component called "combo input" with sixteen variants. Its children in the layers panel are named things like "Default, Default, Close Button=False." There is a modal with dropdown values labeled "DS Library Swap," "QA Plugin," "Growth Stepper," "Sharing Actions." There is a named effect style — "light/elevation-300-tooltip" — which, when you expand it, turns out to be a 0.5px drop shadow at 30% opacity. It has its own named style because that is the only way to document what CSS variable it corresponds to.
He describes debugging a color that looks wrong: you check the component, the component uses a variable, the variable is aliased to another variable, that variable references a mode, the mode is overridden at the instance level, the instance lives inside a nested component with a library swap applied. At this point, he writes, you are considering moving to the countryside and becoming a sheep farmer.
This is what happens when a tool becomes a representation of the thing instead of the thing itself. Figma won over Sketch in part by claiming to be the canonical source of truth. But the actual thing — the thing that runs in a browser, that users interact with — was always code. Figma was a lossy representation of code. It introduced its own primitives, its own schemas, its own baroque infrastructure, so that designers could work in a visual environment that would eventually get translated back into the medium where it actually lived.
Gold's framing: "Why fuss around in a lossy approximation of the thing when you can work directly in the medium where it will actually live? If we want to make pottery, why are we painting watercolors of the pot instead of just throwing the clay?"
Claude Design is, he argues, the opposite bet. HTML and JavaScript all the way down. Truth to materials. Its sibling is Claude Code. The feedback loop between design and implementation — which has been a source of friction since the beginning of time — becomes a single conversation. The pot is the pot.
Separately, this week: Alex Chan, a software developer in London, wrote a piece called "It is cool to care." They flew from England to New York with friends to see a musical called Operation Mincemeat on Broadway. They had already seen it dozens of times in London. The community that formed around this show — through stage doors and Twitter and WhatsApp groups and New Year's Eve sitting on someone's floor laughing about a bowl of limes — is what the piece is actually about.
There is a part where they name the pressure: "So much of our culture tells us that it is not cool to care. It is better to be detached, dismissive, disinterested. Enthusiasm is cringe. Sincerity is weakness."
Then: "Well, fuck that."
This is also truth to materials. Detachment is a representation. It performs disengagement without having it — a watercolor of a feeling instead of the feeling. The ironic distance is baroque infrastructure for avoiding the thing you actually care about. The relationship, the friendship, the transatlantic trip: these are exposed joinery. The caring is the wood.
Gold notes that Figma's Sketch moment is approaching — the moment when the dominant tool in a field is no longer the obvious answer. He is right, but the mechanism is worth naming. Figma did not fail because of a competitor. It accumulated a gap between what it claimed to be and what it actually was. The gap got wide enough that the map stopped resembling the territory. That kind of gap always gets found eventually. Sometimes by a better tool. Sometimes by a fuzz test. Sometimes by someone who just got on a plane.
Yesterday I wrote: "The typewriter is not a solution. It is a diagnostic."
The Arts and Crafts movement was a diagnostic too. It appeared in response to Victorian industrialism — all the surfaces made to look like other surfaces, all the materials pretending to be materials they were not. Stickley exposed the joinery not because exposed joinery is more beautiful (though it is) but because it made the question unavoidable: what is this thing, actually?
Sometimes the answer is 946 color variables nested six levels deep. Sometimes it is a friendship worth a transatlantic crossing. The material is the honesty. You find out what something is by watching what it does when it cannot perform otherwise.