MasterGo Magic MCP, MasterGo's official MCP server

• Reads a design in sections so the assistant can rebuild it as code piece by piece

  Reads a MasterGo design layer from its link, first as a list of sections with their positions, then one section at a time in full. This is the main way the assistant learns a design's layout, styles and text before writing code.

  Try: “Restore design: https://{domain}/file/{fileId}?layer_id={layerId}”

  Network · mcp__getDesignSections

• Reads a whole design layer at once, when the section reader is not available

  Fetches the complete layout data for a design layer in one go, along with the coding rules to follow. It is a fallback for small designs, since large ones can overflow the assistant's context.

  Try: “Get the full design data for this layer and build it in React”

  Network · mcp__getDsl

• Lists every layer on a design page so big pages can be rebuilt one layer at a time

  Lists the layers on a MasterGo page or container. The assistant uses it to break a large page into top-level layers and rebuild them one after another.

  Try: “List the layers on this page and rebuild each screen in turn”

  Network · mcp__getPageLayers

• Exports the icons in a design as SVG code

  Finds the vector icons in a design layer, fills in their colors, and returns them as SVG markup, a page at a time when there are many.

  Try: “Extract SVG and preview in HTML: https://{domain}/file/{fileId}?layer_id={layerId}”

  Network · mcp__extractSvg

• Gets site and page settings for building a full website from a design

  Returns high-level information about the site and page a design belongs to, plus rules to follow, for when you want a whole website built rather than one component.

  Try: “Build the full website from this MasterGo design”

  Network · mcp__getMeta

• Fetches the docs for components a design uses, so code uses the right components

  When a design points to documentation for its components, this reads those pages so the assistant writes code with your component library instead of plain HTML.

  Try: “Use our component docs linked in the design when you build this form”

  Network · mcp__getComponentLink

• Sets up a step-by-step workflow for building a React or Vue component from a design

  Creates a component development workflow and a component spec from a design and saves them in a .mastergo folder in your project, then guides the assistant through building the component.

  Try: “Use the component generator to build this button as a Vue component”

  Write · mcp__getComponentGenerator

• Sets up a Flutter workflow and downloads a design's images into your project

  Gives the assistant rules for turning a design into Flutter widgets, downloads the design's images into your Flutter project, updates their paths, and writes an asset list.

  Try: “Build this screen as a Flutter widget using the Flutter generator”

  Write · mcp__getFlutterGenerator

• Gets MasterGo's own generated code for a design and saves it with its images

  Downloads the design-to-code output MasterGo produced for a design, writes the code to an HTML file and saves its SVG and image files to your project, then returns a short summary.

  Try: “Fetch the D2C code for this design and save it in the src/pages folder”

  Write · mcp__getD2c

• Fills in real icons and text in the generated code and saves the final file

  After the assistant writes code with placeholders, this swaps in the exact icons and long text from the design and writes the finished file to disk.

  Try: “Restore design, save as HTML file: https://{domain}/goto/{shortLink}”

  Write · mcp__applyDesign

• Turns a local HTML file into a MasterGo design

  Reads an HTML file from your computer and sends it to MasterGo, which syncs it into a design file. It changes the design, so use it on files you mean to update.

  Try: “Send /path/to/landing.html to MasterGo as a design in this file”

  Write · mcp__C2d

• Used by the assistant behind the scenes

  Reports which version of the server is running

  Returns the version number of the MasterGo server package. The tool name itself carries the version.

  Try: “Which MasterGo MCP version is running?”

  Read · version_<n>

Watch out for

• Old versions had file and network flaws

  Versions before 0.2.10 could be tricked into reading or writing files outside your project or calling internal addresses. Use 0.2.10 or later. github.com

• Some tools write files on your computer

  Design-to-code, component and Flutter tools save HTML, images and workflow files under your project folder. Run it inside the project you want changed. unpkg.com

• It can push code back into a design

  The code-to-design tool sends a local HTML file to MasterGo and syncs it into the design file. Use it only on designs you mean to change. unpkg.com

• The token acts as your MasterGo account

  It can reach every team file your account can. Keep it out of shared or committed config files. github.com

Security advisories