Skip to content
All guides

Getting started

Connecting your agent through the MCP

Connect the AI app you already use, then ask it to design in Vizu.

On this pageBefore you connectJump

Start in Vizu

Open the Vizu desktop app and sign in. Keep it open while you design so your agent can see its work.

You’ll connect your AI app once. After that, just describe what you want to make.

Set up Other MCP clientClient setup

Choose your clientOther MCP client

  1. Open MCP in Vizu

    On Home in the desktop app, select Connect agent to MCP in the “Your agent in Vizu” card, then choose Other MCP client.

  2. Copy the configuration

    Select Copy configuration. Vizu includes the correct location of the app for your computer.

  3. Add it to your AI app

    Open your app’s MCP settings and add the copied configuration. Check its guide below if you need help. Keep your existing connections when adding Vizu.

Read the official Other MCP client setup guide

Ask for your first design

In your AI app, try:

First request
Can you help design my landing page in Vizu?

Tell it what you’re building and who it’s for. If you already have a Vizu workspace, mention its name. Your agent handles the design tools for you.

Continue in the same chat to ask for changes: “Make the heading bigger” or “Try a darker background.”

Troubleshooting

The tools do not appear
Reopen your AI app and start a new chat. Check its MCP settings and enable Vizu if it is switched off. If setup failed, use the copied command from Vizu’s setup window.
You’re asked to sign in
Sign in again in Vizu. Keep Vizu signed in while you design.
Screenshots are unavailable
Open Vizu and keep it running. Your agent needs the desktop app to preview its designs.
A request is waiting for an agent
In your AI chat, ask: “Can you work on my feedback in Vizu?” Connecting your app does not start a conversation automatically.