Is Your Design System AI-Ready?

AI doesn't give a hoot about your button component.

Okay, so here's the thing nobody wants to say out loud: most design systems aren't actually design systems. They're a Figma library with some color styles, a component with 18 variants nobody uses, and a Notion page last updated before the last reorg.

And that's fine. Shipping product is hard. Design systems are hard. Nobody has time to do both perfectly.

Except that AI just made the gap very visible. Like really visible.

What happened when I tried to let AI generate UI from my design system:

It made rectangles.

Not my components. Not my tokens. Rectangles. With hardcoded hex values and groups named "Frame 47."

And I have a good design system. 226 variables. 303 components. Primitive-to-semantic token architecture. The whole thing.

Didn't matter. AI looked at it and saw a list of names. Not a system. not the intent, not rules. Just...names.

Why is there a picture of food?!

Listen, I'm not a great cook. If it fits in a toaster, I can cook it, but beyond that, it's anybody's guess. I might have all the right ingredients in my kitchen—fresh herbs, good olive oil, proteins, the works—but knowing that those ingredients exist doesn't tell me what goes with what, how much of each, or in what order. I would absolutely put something together that looked plausible and tasted like regret.

That's AI with your design system.

It can see the ingredients. Every component, every token, every variant. It knows they exist. What it doesn't know is the recipe—what goes with what, how much, in what order, and why you'd never put those two things on the same screen together.

You're not a bad chef for not writing down your recipes. You just never had to. You knew them. Your team knew them. The knowledge lived in the room. But AI is never in the room (contrary to what people might believe.)

AI doesn't read design systems the way designers do

You look at your component library and your brain fills in everything automatically. You know Button/Primary is the main CTA. You know the header is positioned at the top and the nav to the left. You know this because you built it, or you were onboarded into it, or you've shipped with it enough times that it's muscle memory.

AI doesn't have any of that. It never will—but it can follow instructions.

So give it instructions. Write down the things you do automatically. Name the rules you've never had to say out loud because everyone in the room already knew them. Declare the spatial logic, the assembly relationships, the "we never do it that way and here's why."

That's the whole unlock. Not a new tool. Not a better model. Not a six-month design system overhaul. Just the knowledge you already have, written down in a form AI can actually use.

Your design system was built for humans. It's time to make it legible to everyone in the room.

Even the ones who've never been in a room.