Flato Design MCP MCP server

Connects AI agents to Flato's native presentation canvas runtime, allowing them to create, inspect, and update editable designs like presentations, posters, and social visuals. It enables agents to take over existing projects, read canvas context, and collaborate with human editors in real-time without generating disconnected files.

Endpoint and access

OAuth sign-in: the first time you connect, your client opens the vendor's own authorization prompt in a browser.

OAuth sign-inEndpoint checked 2026-10-05Operated by Flato

MCP endpoint (Streamable HTTP)

https://api.flato.ai/api/mcp/editor

Vendor documentation

What you can do with it

Create and update editable presentations, posters, and social visuals
Take over existing editor URLs or share links to continue work
Read current canvas structure, pages, blocks, and styles
Collaborate with human editors on the same live project

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers a Streamable HTTP server. Use --scope project to write .mcp.json for the repo.

Claude Code configuration

claude mcp add --transport http flato-design-mcp https://api.flato.ai/api/mcp/editor

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).

Codex configuration

codex mcp add flato-design-mcp --url https://api.flato.ai/api/mcp/editor

Cursor

Merge this server into .cursor/mcp.json in your project, then enable flato-design-mcp in your MCP settings.

Cursor configuration

{
  "mcpServers": {
    "flato-design-mcp": {
      "url": "https://api.flato.ai/api/mcp/editor"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure). The type must be streamableHttp for a remote HTTP server.

Cline configuration

{
  "mcpServers": {
    "flato-design-mcp": {
      "type": "streamableHttp",
      "url": "https://api.flato.ai/api/mcp/editor",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start flato-design-mcp and inspect its tools.

VS Code configuration

{
  "servers": {
    "flato-design-mcp": {
      "type": "http",
      "url": "https://api.flato.ai/api/mcp/editor"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.

Gemini CLI configuration

gemini mcp add --transport http flato-design-mcp https://api.flato.ai/api/mcp/editor

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.

Claude Desktop configuration

{
  "mcpServers": {
    "flato-design-mcp": {
      "url": "https://api.flato.ai/api/mcp/editor"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.

Windsurf configuration

{
  "mcpServers": {
    "flato-design-mcp": {
      "serverUrl": "https://api.flato.ai/api/mcp/editor"
    }
  }
}

See all 161

Do you run Flato Design MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing