Use TypeUI with Mistral
Follow this guide to connect Mistral Work or Studio to TypeUI with a custom MCP Connector.
Use the Mistral Work or Studio connector flow for TypeUI.
Open Mistral
Open the Mistral workspace where you want to use TypeUI.
Add TypeUI as a Connector
Open Connectors, click Add Connector, then switch to the Custom MCP Connector tab.
Copy the TypeUI MCP server URL:
https://mcp.typeui.sh/mcp
Use:
- Connector name:
typeui - Server URL:
https://mcp.typeui.sh/mcp - Description:
Design systems, UI prompts, and layout variations for better AI-generated UI.
Click Connect. Mistral detects the TypeUI OAuth flow automatically and guides you through TypeUI consent.
Verify the tools
After authorization, open the TypeUI Connector and review the available functions.
Keep TypeUI functions on manual approval until you confirm the workflow in your workspace.
Choose a theme
Browse the Design Skills page to compare available themes.
After you choose a theme, ask Mistral to use it:
I like the Bento style. Let's use it.
Start building UI
Use TypeUI to help me build a landing page.
Tell Mistral what to build. TypeUI helps it choose the right style and layout.
Review and refine
Review the result and ask Mistral 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.
TypeUIProAfter you choose a direction, tell Mistral which one to use:
I like the comparison one. Let's use it.
Once Mistral is connected to TypeUI, you can keep working in the same flow: choose a theme, ask for the interface you need, review the generated variations, and tell Mistral which direction to continue with.