Mark Cianfrani
design system engineer, design tokens + web components. Current status: A Pattern Language
cianfrani.dev
- what if the Figma MCP wasn't actually useless and let you write to your Figma files? (its easy) cianfrani.dev/posts/a-bett...
- I am so sick of reading AI-generated content. cianfrani.dev/posts/geneti...
- I actually hate CSS.
- Literally, just let designers design and then throw an LLM to pattern match what colors actually get used and smooth any inconsistency.
- New global design system just dropped. If I see one more <SlopCard> I’m gonna lose it.
- after having The Thing explain to me what “orthogonal” means like I’m six years old, I think I finally get it and the design token resolver spec is kind of cool, tho unnecessarily gate kept by jargon.
- AI context is just a black and white mead composition book cianfrani.dev/posts/buildi...
- Documenting every single permutation of every component always felt redundant. If you have an input component, you can easily guess what the textarea will look like. Future of DS/AI is patterns. No need to waste context.
- Who said we shouldn’t put jokes in our code? Or was that the joke
- Idk if I were a manager id give everyone like a week to do their own project, prototype something, let em pick the tech, not have to use react, sing the songs they want want to sing and then never talk about it.
- Need to make my own component library so I can name it cianfranui
- Current status: trying to scale Playwright with LLMs
- Playwright just dropped a super useful “ref” option that will add an aria-ref attr. Allows MCP to interact entirely with the aria snapshot instead of the whole DOM/images
- Take advantage of the AI hype to sell accessibility. Tools like playwright use chromes accessibility tree as a much leaner way for LLMs to “see” the page. Having 500k divs is about to get real expensive github.com/microsoft/pl...