Moonchild MCP (Model Context Protocol) helps you connect your Moonchild workspace to your agent tools. This integration enables agents to read and write designs directly from your Moonchild projects through APIs designed for automated workflows.

What You Can Do With Moonchild MCP

With MCP connected, AI tools can create new designs, update existing screens, read your design systems, generate complete user flows, and automate repetitive design tasks—all without manually switching between applications. This is particularly useful for developers and designers who want to integrate Moonchild into their existing AI-powered workflows.

How To Connect Moonchild MCP

  1. Click the sidebar menu in Moonchild and navigate to Profile Settings.
  2. Navigate to the Integrations section from the settings menu.
  3. Locate Moonchild MCP in the list of available integrations.
  4. Click "Connect" to open the connection modal

image.png

  1. From the Tool dropdown, select your AI coding tool.
  2. Enter a Token Name to identify this connection (e.g., "Claude Code" or "My Workspace").
  3. Click Generate Token to create your MCP authentication token.

image.png

  1. A modal will show your new token, along with a command to run in your terminal, and prompts for other AI tools should you choose to use them.
  2. Copy the entire command by clicking the Copy button.

image.png

  1. Run the command in your terminal to register the MCP server and authenticate.
  2. Click Done to complete the setup.
  3. The generated MCP will be displayed in a list under the Moonchild MCP connector.

Note: Save Your MCP Token

The MCP token is shown only once during generation. If you lose it, you cannot retrieve it again; you must revoke the old token and generate a new one. Copy and store the token securely immediately after generation. Do not share your MCP token with anyone, as it provides access to your Moonchild workspace.