NewMCP Apps — interactive section cards now render inside your AI chatRead the changelog
MCP & agents

What MCP actually changed for design workflows

Agents could always describe a layout. What changed is that they can now fetch the real section, bound to your real tokens.

DR2 min readUpdated
On this page 3 sections

In short

The Model Context Protocol changed design workflows by letting an agent query a live component library and return real, token-bound sections instead of generated approximations. The practical shift is from an agent that writes plausible markup to one that retrieves markup your team has already reviewed.

Key takeaways

  • MCP turns a component library into something an agent can query, not just read about.
  • Retrieved sections carry your tokens, so agent output stops drifting from the design system.
  • The useful unit is a filtered query, not a whole-library dump into context.
  • Review still belongs to a human — MCP changes what gets proposed, not who approves it.

Before MCP, asking an assistant for a pricing section got you a pricing section. It was usually reasonable, occasionally excellent, and never the one your team had already agreed on. It was generated, so it drifted — different spacing, different radii, a colour close to your brand but not it.

What does MCP change in practice?#

It gives the agent a retrieval path. Instead of composing a pricing section from training data, the agent queries the library, filters by industry and platform, and returns the section your team shipped, with your tokens already bound.

  • The output is reviewable because it came from a reviewed source.
  • Token binding happens server-side, so the agent cannot get the brand subtly wrong.
  • Filters travel with the query, so "fintech pricing, three tiers, Webflow" resolves to a handful of candidates.
  • The same query engine serves the website filters, so the two can never disagree.

Why not just paste the library into context?#

Because it does not fit, and because it would not help if it did. Two thousand sections is far past any useful context budget, and a model asked to pick from two thousand undifferentiated options performs worse than one handed six good ones. Retrieval is not a workaround for context limits; it is the better design regardless.

The win is not that the agent can see more. It is that it has to choose from less.

What still needs a person#

Judgement about the brief. An agent can tell you that six pricing sections match "fintech, three tiers, regulated copy". It cannot tell you that this particular client will hate the one with the comparison table because their last agency used it. Retrieval narrows the field; it does not close it.

Related questions

What is MCP in the context of design tools?

The Model Context Protocol is an open standard that lets an AI agent call external tools and data sources through a defined interface. For a component library it means an agent can run a filtered query and receive real sections rather than generating approximations.

Does MCP replace a designer?

No. MCP changes what an agent can propose, not who decides. Retrieval narrows hundreds of candidates to a reviewable few; matching those against a client brief remains judgement work.

Why is retrieval better than a large context window?

Model performance degrades when choosing among many undifferentiated options, and whole libraries exceed practical context budgets anyway. A filtered set of six relevant candidates outperforms two thousand unfiltered ones.

Comments

No comments yet — be the first to share a thought.

Leave a comment

Your email is never shown. Comments are reviewed before they appear.

Links in comments are marked ugc nofollow.

Keep reading

All articles