Skip to main content

Markdown Export

Lewis Smith-Tong
Lewis Smith-Tong
  • Updated
This feature is not available for Free or Starter plans. Want this and other premium features? Update your plan here.

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 as md.gif

Open page MD link in...: opens a new tab in the browser with the AI tool with a pre-filled prompt referring to the page that reads:

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

open in claude.gif

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?