Which tooling helps maintain a living style guide?

Which tooling helps maintain a living style guide?

• A. Style Dictionary
• B. Storybook/Styleguidist
• C. Sass
• D. Prettier

Answer: (B)

A living style guide stays up-to-date automatically as your UI components evolve, so designers and developers always see current visuals, states, and props in one place. Storybook (and Styleguidist) are built for this: they act as a component explorer and documentation site that lives with your code. You write stories or examples that showcase components in different states, and the tool renders them in isolation with live props, actions, and sometimes design token values. Because the documentation is generated from the actual components and stories, it updates whenever you change the code, keeping the style guide "living" without manual re-writing. That’s why these tools fit best. Style Dictionary focuses on design tokens and cross-platform token management, not onbuilding an interactive UI documentation site. Sass is a CSS preprocessor for organizing styles, not a living component catalog. Prettier is a code formatter, which helps consistency but doesn’t deliver a UI-driven living style guide.

A living style guide stays up-to-date automatically as your UI components evolve, so designers and developers always see current visuals, states, and props in one place. Storybook (and Styleguidist) are built for this: they act as a component explorer and documentation site that lives with your code. You write stories or examples that showcase components in different states, and the tool renders them in isolation with live props, actions, and sometimes design token values. Because the documentation is generated from the actual components and stories, it updates whenever you change the code, keeping the style guide "living" without manual re-writing.

That’s why these tools fit best. Style Dictionary focuses on design tokens and cross-platform token management, not onbuilding an interactive UI documentation site. Sass is a CSS preprocessor for organizing styles, not a living component catalog. Prettier is a code formatter, which helps consistency but doesn’t deliver a UI-driven living style guide.