MCP Server

Add this MCP server URL in your AI coding tool:

https://mcp.typeui.sh/mcp

Then sign in with your TypeUI account if your tool asks.

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.

TypeUI works best when your project has one active visual direction. Use one TypeUI design system at a time so your agent gets consistent instructions.

Tip: We recommend removing other UI-related skills and MCPs from this project so they do not give your agent conflicting design instructions.

Build me a landing page.

You can now ask your MCP-connected AI tool to build any UI in plain language. TypeUI supplies the design system, prompt context, and layout guidance behind the scenes.

Review the result in your app and ask for changes:

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 your agent which one to use:

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

Try another request from the same shared prompt style:

Make this dashboard easier to scan.

You can also ask your agent to show TypeUI usage. TypeUI access is required for MCP resources, including design skills and prompt workflows.