ai.to.design is now free.No account needed.Install now →
Docs menu

MCP Tools

get_design_guide

Get the design playbook for a common page type before generating it.

Returns a playbook for one page type: the layer structure with class names, measurements at 1440px and 390px, copy guidance, variants and common pitfalls. The AI adapts it to your brand brief and the file's tokens. The content ships with the connector, so it works even before the plugin is connected.

Parameters

NameTypeRequiredDescription
patternstringRequiredOne of "landing-hero", "feature-section", "pricing", "dashboard", "form", "settings", "mobile-screen".

Example prompt

Try asking: Design a pricing page for our analytics product with three plans and a comparison table.

Tips

  • The AI calls it on its own when a request matches a page type; you rarely need to ask.
  • Write a brand brief in Settings → Design so every playbook is adapted to your brand.
  • In Chat mode the matching playbook is added to the prompt automatically.