NewMCP Apps — interactive section cards now render inside your AI chatRead the changelog
Engineering

DESIGN.md explained: the one file that keeps AI output on-brand

A plain-text file with your tokens, type and rules. Here is what goes in it, what stays out, and why assistants follow it better than a Figma link.

IM1 min read
On this page 1 sections

In short

A plain-text file with your tokens, type and rules. Here is what goes in it, what stays out, and why assistants follow it better than a Figma link.

Key takeaways

  • The short version is in the first paragraph.
  • Each section stands on its own if you skim.
  • Links at the end point to the sections we used.

A plain-text file with your tokens, type and rules. Here is what goes in it, what stays out, and why assistants follow it better than a Figma link.

Where to start#

Start with the question your reader arrives with, then answer it before anything else.

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.

From Wondrstack

MCP serverYour AI assistant, now with 2,412 real sectionsConnect once. Claude, Cursor, Lovable and v0 pull production-ready sections — code, tokens and DESIGN.md — straight into your project.Connect the MCP server Section library2,412 sections, ready to copyHeroes, pricing, footers and more — one click into Webflow, Framer, Figma, React and 15 other tools.Browse the library

Free plan · no card needed · See pricing

Keep reading

All articles