Mark Cianfrani's Avatar

Mark Cianfrani

@cianfrani.me

design system engineer, design tokens + web components. Current status: A Pattern Language https://cianfrani.dev/

537
Followers
347
Following
122
Posts
03.08.2023
Joined
Posts Following

Latest posts by Mark Cianfrani @cianfrani.me

Does this just all work out of the box bc html?

07.03.2026 02:50 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I just one person at my company to tell me about what new css stuff I can use and let me have the joy of ripping out abomination. What job title is that? Keeper of knowledge?

27.02.2026 03:38 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Genetic Diversity Tired of reading AI-generated

cianfrani.dev/posts/geneti... obligatory

30.01.2026 03:45 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Ten
Billion
Percent!!!!

17.01.2026 04:57 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I feel exactly the same way so. Lmk if I lost you at any point and I’ll add more deets. I 1. couldn’t tell if this would be useful to anyone other than myself 2. Assumed there was some other thing I wasn’t using that everyone else was

13.01.2026 01:34 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I’m still waiting for approval to try that extension but ask the dingus if it can execute JavaScript and if it can, it should totally work. I reallllly wish you didn’t need to use the terminal for this. The Claude code UI in the app is real good now tho

12.01.2026 13:01 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Phew I was afraid I glazed over the details a bit. Can’t wait to see what you do with this

12.01.2026 00:48 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
A Better Figma MCP or How To Let Claude Design The one where we give Claude access to the Figma API

what if the Figma MCP wasn't actually useless and let you write to your Figma files? (its easy)

cianfrani.dev/posts/a-bett...

11.01.2026 22:27 πŸ‘ 14 πŸ” 4 πŸ’¬ 3 πŸ“Œ 1

MCP UI. UI is largely dead. I haven’t logged into Jira all year. I’m not clicking your 4 page form anymore. Time to invent new maths

08.01.2026 04:15 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Genetic Diversity Tired of reading AI-generated

I am so sick of reading AI-generated content. cianfrani.dev/posts/geneti...

04.01.2026 20:24 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
A book icon next to some text that wraps, misaligned

A book icon next to some text that wraps, misaligned

I actually hate CSS.

22.12.2025 01:45 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Claude code asking about semantic intent wrt color usage

Claude code asking about semantic intent wrt color usage

Literally, just let designers design and then throw an LLM to pattern match what colors actually get used and smooth any inconsistency.

06.12.2025 18:07 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
a man in a suit and tie is waving his hand in the audience . Alt: Seinfeld in a suit and tie is waving his hand in the audience .

I can’t….I’ve actually never seen that before in my life. This tech is so wild.

29.11.2025 01:52 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Big time! Or curating your own pattern language. I also think most big companies prior art is actually a net negative so independent has a crazy advantage here in some respect

29.11.2025 01:43 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I don’t have a good practical answer though. I literally just slap its hand over and over until the codebase reaches critical mass and can give enough prior art that it usually stops doing the thing. If it’s really bad I’ll bake it into a /review command

29.11.2025 01:21 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Does it know that πŸ€”? Im definitely guilty of not following best practices when prototyping and abuse globalThis. Just kidding, that’s giving Claude too much credit.

29.11.2025 01:21 πŸ‘ 1 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

how big is the repo/project?

28.11.2025 21:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Keep playing with this and you’ll see how 20 good tokens and some well crafted MCP will steamroll all these component libraries everyone built last year. Jk. AI bad.

28.11.2025 04:15 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Tools like CC will now send up an accepts text/markdown header jawn that you can respect and just send markdown down the wire. Other clients like opencode will just say fuck it and convert every webfetch to markdown.

Storybook is embarrassing and their first MCP was actually a joke I think.

28.11.2025 04:15 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Nuxt isn’t React but 10/10

26.11.2025 12:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

For real. Love the space ghost. I thought it was just gonna be like a zoom call

26.11.2025 04:09 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I’ve never been more sold to. Also holy shit the production on this is 🀌

26.11.2025 03:59 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
An AI generated card component with a left border width that’s also rounded.

An AI generated card component with a left border width that’s also rounded.

New global design system just dropped. If I see one more <SlopCard> I’m gonna lose it.

04.11.2025 01:29 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Would love to know the postmortem. Is it still getting used? what’s more popular tokens or components?

02.11.2025 02:59 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Copy the tokens and give it a link to the spec and be like β€œwhat’re the parts that are useful for us and then explain to me what any of this shit means”

01.11.2025 02:03 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

But I am genuinely grateful for The Spec and very happy to finally breathe.

01.11.2025 00:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

And. I just read a thing where Atlassian said they were, until v recently, just copy and pasting json into figma and auditing tokens that way? So like none of this shit really matters.

01.11.2025 00:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I still think just having a bunch of json files is fine. β€œCombotoriallaial explosion” isn’t in my vocabulary.

01.11.2025 00:53 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Like you have Brand A and Brand B jawns (modifiers? Idk) but you also want to have a fixed typography jawn and a fluid typography jawn.

01.11.2025 00:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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.

01.11.2025 00:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0