Use TypeUI with JetBrains

Open the project where you want JetBrains AI Assistant or Junie to build UI. This works with JetBrains IDEs such as WebStorm, IntelliJ IDEA, PhpStorm, PyCharm, and others that support MCP.

Open Settings → Tools → AI Assistant → Model Context Protocol (MCP) and add an HTTP server.

Use this configuration:

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

Click OK, then Apply to start the server connection.

For Junie, open MCP Settings or run /mcp, choose a remote server, and use the same URL:

https://mcp.typeui.sh/mcp

Sign in with TypeUI if JetBrains 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.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 JetBrains AI Assistant or Junie what to build. TypeUI helps it choose the right style and layout.

Run your app and review the changes. Ask JetBrains AI Assistant or Junie 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 JetBrains AI Assistant or Junie which one to use:

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