Skip to main content

Markdown Export

Lewis Smith-Tong
Lewis Smith-Tong
  • Updated

The Markdown Export feature allows teams to turn any styleguide page into AI-ready context in one click. Styleguide viewers (and editors) can access a clean Markdown version of the page and send it directly to AI tools.

This makes it easier to summarise guidelines, validate decisions, provide constraints to coding agents, or discuss standards with an LLM while keeping the design system as the source of truth.

This feature is particularly useful for teams that cannot enable MCP but still need structured, machine-readable design system content.

 

Viewers

When Markdown Export is enabled, viewers can access several options:

Copy page MD link: copies a URL to the clipboard that returns the page content in markdown format

Copy page MD: copies the page content to the clipboard in markdown format

Open page MD link: opens a new tab in the browser that displays the page in markdown format

 

If enabled by an admin or editor, viewers can also open the current page directly in a supported AI tool. Selecting one of these options opens a new browser tab with a pre-populated prompt that reads:

For the duration of this conversation, refer to my design system page: [Markdown link]

This supports workflows such as:

  • Asking an AI to summarise guidelines before applying them
  • Validating UI decisions against documented standards
  • Providing structured context to a coding agent
  • Generating implementation examples aligned with system rules

 

The same options are also accessible to editors when editing the styleguide.

Note: if styleguide or page is SSO or Password protected, then only the Copy page MD will be available since LLMs cannot access SSO or Password protected pages.

Styleguide settings

Admins and editors control whether Markdown export is available.

If Markdown export is disabled, all Markdown-related options and AI tool links are hidden from viewers.

If enabled, admins and editors can also choose which AI tools are available. Each tool (ChatGPT, Claude, Gemini) can be enabled or disabled individually. Only selected tools appear in the viewer interface.

Share this article
Was this article helpful?