Using LLMs to Dogfood Your Design Tokens
The one where we let Claude use our design tokens
Mark Anthony Cianfrani
Thoughts
Latest posts
The Patterns Shall Set You Free
Patterns over components. Always.
Designing in English
Components are dead. Use your words.
Cloning UI in Figma with LLMs
The one where I clone Trello in Figma
Waymarks
The one where we make signs
A Better (and Cheaper) Figma MCP or How To Let Claude Design
The one where we give Claude access to the Figma API
Genetic Diversity
Tired of reading AI-generated
Recreating The Bell Labs Switch Experiment With Agents
The one where I recreate the 12 switch experiment from TADSE
Citations in the Key of RAG
The one where I try to get citations in my slackbot RAG
Make Claude Code Run Pyright with Hooks
The one where I try to get pyright working with Claude Code hooks
Building an AI Agent with Typescript
The one where I build an AI agent in typescript
Controlling Browsers with LLMs
The one where I look at how the playwright MCP works
Implicit Prompting Through MCP Tools
You can implicitly run prompts via MCP Tools via required inputs
Where are all the read-only radio buttons?
Why aren't read-only radio buttons more common?
Design System Wisdom 2024
Some additional wisdom I've learned working with design systems
Do you really need that letter-spacing?
Letter-spacing is a spice
Not Everything Is A Component
And that is okay.
The LEGOism of Design Systems
or why LEGO's Building Instructions are more valuable than the bricks
Design System Wisdom 2023
Some wisdom I've learned working with design systems
Testing Pixel Perfection in Figma and Code
A Web Component to add Figma overlays in code
Visual Regression Testing in Figma
Solutions for visual regression testing in Figma
Design Token Thinking
My understanding of Design Tokens
Web Component Best Practices
Lessons learned after writing Web Components every day for one year.