Use TypeUI with Windsurf

Open the project where you want Cascade to build UI.

Click the button below to open TypeUI in the Windsurf MCP registry:

Install in Windsurf

If the button does not open Windsurf:

Open Windsurf Settings → Cascade → MCP Servers and add it manually.

Add this configuration:

{
  "mcpServers": {
    "typeui": {
      "serverUrl": "https://mcp.typeui.sh/mcp"
    }
  }
}

Windsurf uses serverUrl for remote HTTP MCP servers.

Sign in with TypeUI if Windsurf asks you to authorize the connection.

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.ProBeta 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 Cascade what to build. TypeUI helps it choose the right style and layout.

Run your app and review the changes. Ask Cascade 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.

TypeUIPro

CardsToggleCompare

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

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