2 post(s)
LLMs are good at generating CSS. They're terrible at following design systems. Give Claude or Cursor a component to build and it will happily use #FF5734 instead of your brand red, 16px instead of your spacing tokens, and font-weight: 600 instead of your typography scale.
The challenge of constraining AI-generated CSS to follow design systems has led to sophisticated approaches using multi-level design token hierarchies. Rather than allowing LLMs to generate arbitrary CSS values, these systems create structured constraints that force AI tools to select from predefined, semantically meaningful tokens.