Lovable: Set up the Visily MCP server

Lovable: Set up the Visily MCP server

Before you start

  1. The Visily MCP works only on workspaces on a Pro or Business plan where you are the workspace creator or have an editor license. Free workspaces and viewer/guest roles are not supported.
  2. Server URL: https://app.visily.ai/api/mcp

Set up the Visily MCP server

  1. Open Lovable.
  2. Go to Connectors. At Chat connectors, select Custom
  3. In the Add MCP server view:
    1. Enter a name for the connection, such as Visily.
    2. In the Server URL field, enter: https://app.visily.ai/api/mcp
    3. Select OAuth as the authentication method.
  4. Click Add & authorize.
  5. Sign in to Visily and authorize Lovable to access your account.
After authorization, the Visily MCP server will appear in your list of Chat connectors and become available to the Lovable Agent.
Notes
If the OAuth connection does not complete, try the following:
  1. Make sure pop-ups are allowed for both Lovable and Visily.
  2. Confirm that you are signing in with the Visily account that has access to the workspace.
  3. Check that your Visily workspace supports MCP access.
  4. Disconnect the Visily MCP server from Lovable settings, then reconnect it.
  5. If the OAuth window gets stuck, try again in a fresh browser session.

Need more help?
If this does not solve your issue, contact support and include a screenshot if possible.

    • Related Articles

    • Get started with the Visily MCP server

      The Visily MCP server brings your Visily designs into your AI coding agent. Point it at a Visily board or screen, and your agent can find it, turn it into application code, or pull its theme tokens - using your Visily design system as the source of ...

    • ChatGPT: Set up the Visily MCP server

      Before you start The Visily MCP works only on workspaces on a Pro or Business plan where you are the workspace creator or have an editor license. Free workspaces and viewer/guest roles are not supported. Server URL: https://app.visily.ai/api/mcp Set ...

    • Antigravity: Set up the Visily MCP server

      Connect Google Antigravity to the Visily MCP server via its global MCP config. Before you start The Visily MCP works only on workspaces on a Pro or Business plan where you are the workspace creator or have an editor license. Free workspaces and ...

    • Cursor: Set up the Visily MCP server

      Connect Cursor directly to the Visily MCP server by editing your MCP config (no plugin). Before you start The Visily MCP works only on workspaces on a Pro or Business plan where you are the workspace creator or have an editor license. Free workspaces ...

    • Kiro: Set up the Visily MCP server

      Connect Kiro directly to the Visily MCP server via its MCP config. Before you start The Visily MCP works only on workspaces on a Pro or Business plan where you are the workspace creator or have an editor license. Free workspaces and viewer/guest ...