Use TypeUI with Z.ai

Open the project where you want ZCode to build UI.

If you need the app, download it from Z.ai ZCode.

Open Settings -> MCP Servers, then click New MCP Server.

Use the remote HTTP server form:

• Name: typeui
• Type: HTTP
• URL: https://mcp.typeui.sh

Click Add, then confirm the server is enabled in the MCP server list.

If you prefer full configuration mode, paste:

{
  "mcpServers": {
    "typeui": {
      "type": "http",
      "url": "https://mcp.typeui.sh"
    }
  }
}

If ZCode asks you to authenticate, sign in with TypeUI through the MCP OAuth flow.

Start from a theme, a markdown ZIP, or a Figma import. TypeUI creates an editable draft design system in your workspace.

Choose a themeUse a TypeUI theme as your starting point.Import markdown filesBring existing design-system docs into TypeUI.Beta previewImport from FigmaGenerate markdown from a Figma file.

Open View markdown source files and review them before publishing.

Adjust the markdown when you need clearer rules, stronger component guidance, or product-specific language. After publishing, TypeUI MCP uses your saved edits when it helps your AI tool build UI.

Publish when ready so your MCP-connected AI tool can use it.

Build me a landing page.

Tell ZCode what to build. TypeUI helps it choose the right style and layout.

Run your app and review the changes. Ask ZCode for targeted improvements:

I don't like this pricing section, give me more variations.

TypeUI will now create three pricing variations so you can compare different layouts before choosing one.

TypeUI

CardsToggleCompare

After you choose a direction, tell ZCode which one to use:

I like the comparison one. Let's use it.