Flato Design MCP

io.github.sologovisionPublished by GitHub account sologovisionv0.1.3Updated Oct 24, 2026

Connect AI agents to Flato's editable canvas runtime through a hosted MCP server.

VerifiedStreamable HTTPWeb executableProductivity & WorkflowMedia & Design

Overview

AI-generated overview

Hosted MCP server that connects AI agents to Flato's editable design canvas to create, revise, export and QA visual projects.

What you can do
Identify the signed-in account and manage projects: check identity, create or select projects, open the live editor, poll write readiness and read share links. Read design context and canvas fundamentals before making changes. Create and update pages and blocks, including page-level interactions, using explicit page and block ids. Export finished work to PNG, JPG, PDF or image-only PPTX and review feedback for visual QA.
When to use it
Use it when an agent should build or revise designs on a live, editable canvas rather than produce one-shot images or static HTML, and when the user wants to keep working in the browser editor alongside the agent.
Requirements
A remote hosted endpoint reached over streamable HTTP; no local package. A Flato account signed in through browser OAuth is required. A paid subscription is not needed to connect, but some features, exports, higher usage and paid image generation may depend on the user's plan or credits.
Before you install
OAuth credentials are involved: never paste Flato passwords, bearer tokens, refresh tokens or local OAuth cache contents into a conversation, and do not inspect local token stores. The agent writes to projects, so use backups before broad or risky edits. Some exports and image generation may consume plan credits or require payment.

Installation

In SourceWeft

  1. Open Flato Design MCP in the dashboard and add it to a workspace.
  2. Connect the required credentials. They are stored privately and never shown on public pages.
  3. Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/io.github.sologovision%2Fflato-design-mcp/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config. The client completes OAuth sign-in on first connect.

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

README

Flato Design MCP

Flato is the native canvas runtime for AI design.

Flato gives AI agents a live, editable visual canvas for design work. Through MCP, agents can create, inspect, revise, export to PNG, JPG, PDF, or image-only PPTX, and QA Flato projects while users keep full access to the browser editor.

Flato Design MCP connects Codex, Claude Code, Cursor, and other MCP-capable agents to that native canvas.

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

This repository is the official distribution package for setup docs, the base guide skill, Codex plugin packaging, examples, and registry/review metadata. It does not contain the Flato MCP server source code.

Positioning

Flato is the native canvas runtime for AI design, not a one-shot image generator or a static HTML deck generator. The MCP workflow is built around editable pages, structured blocks, fresh design context, explicit page and block ids, live editor handoff, and visual QA.

Use this package when you want an AI agent to operate Flato's editable visual canvas safely through MCP.

What's Included

  • skills/flato-design-mcp-guide: installable base guide skill for agents.
  • plugins/flato-design-mcp-codex: Codex plugin package with MCP config and the guide skill.
  • .agents/plugins/marketplace.json: Codex marketplace descriptor for this repo.
  • docs/: setup, OAuth, permissions, and troubleshooting notes.
  • registry/: MCP registry and platform review metadata drafts.
  • examples/prompts/: first prompts for testing the integration.

Codex Install

Codex can install this repo as a plugin marketplace:

bash
codex plugin marketplace add sologovision/flato-design-mcp --ref maincodex plugin add flato-design-mcp-codex@flato-design-mcpcodex mcp login flato-editor

Then open a new Codex conversation and verify:

text
Use Flato Design MCP. Call flato_whoami first and report the result. Do not create, edit, or write any project.

See Codex setup.

Claude Code Install

Add the hosted Flato MCP server:

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

Then use the guide skill in skills/flato-design-mcp-guide.

See Claude Code setup.

Cursor And Other MCP Clients

Use the hosted MCP server URL:

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

Then follow the workflow in skills/flato-design-mcp-guide/SKILL.md.

See Cursor setup.

OAuth

Flato Design MCP uses browser OAuth. If needed, Flato asks you to sign in or create an account before authorization.

Do not paste Flato passwords, bearer tokens, refresh tokens, or local OAuth cache contents into an agent conversation.

See Authentication.

Account And Subscription

A Flato account is required for OAuth. A paid Flato subscription is not required to install, connect, or start using Flato Design MCP.

Some features, exports, higher usage, team/workspace capabilities, or paid image generation and editing may still depend on the authenticated user's Flato plan or credits. Agents should report plan or credit errors from MCP instead of asking users to subscribe in advance.

First Agent Workflow

After connecting Flato MCP, an agent should:

  1. Call flato_whoami.
  2. Create or select a project with flato_create_project, flato_use_project, or flato_use_share_link.
  3. Open the live Flato editor when requested.
  4. Poll flato_get_project_status until canWrite=true.
  5. Read flato://canvas/fundamentals-v1, or call flato_get_canvas_fundamentals if resource reading is unavailable.
  6. Call flato_get_design_context before any write.
  7. Use concrete page and block ids returned by fresh context reads.
  8. Inspect mcpFeedback after writes.
  9. Export important results with flato_export; use PNG or JPG preview exports for visual QA.

Interactions

Page-level interactions are authored through interactiveScript on flato_create_pages and flato_update_pages. Agents should rely on current MCP tool schemas and flato://canvas/fundamentals-v1 for the full interaction contract instead of copying static schema fragments from this repo.

Supported inline interaction events include click/input/change and desktop hover/mouse events such as onclick, onmouseover, onmouseout, onmouseenter, and onmouseleave. Hover is useful for desktop presentations; include click/tap behavior or a visible fallback when mobile touch users matter.

Verified Smoke Test

The v0.1.3 Codex plugin package uses the full guide skill and the current hosted Flato MCP contract.

The Codex install path has been verified with:

bash
codex plugin marketplace add sologovision/flato-design-mcp --ref maincodex plugin add flato-design-mcp-codex@flato-design-mcpcodex mcp login flato-editor

An independent Codex CLI session successfully called flato_whoami through the installed flato-editor MCP server without creating or editing any Flato project.

Screenshots

GitHub release

[Flato Design MCP GitHub release page]

Codex plugin install

[Codex plugin install verified]

Read-only MCP smoke test

[Read-only MCP smoke test passed]

Editable presentation canvas

[Editable presentation canvas in Flato]

Canvas editing and content tools

[Flato canvas editing and content tools]

AI-assisted canvas edits

[AI-assisted edits in the Flato canvas]

Codex working with the live canvas

[Codex working with the live Flato canvas]

Release Assets

GitHub releases attach:

  • flato-design-mcp-guide-vX.Y.Z.zip: installable base guide skill.
  • flato-design-mcp-codex-vX.Y.Z.zip: Codex plugin package.

Safety Principles

  • Do not ask users to paste passwords, bearer tokens, or local OAuth tokens.
  • Do not inspect local OAuth or token stores.
  • Do not guess pageId or blockId.
  • Do not claim generated assets are placed until a design write uses the returned asset URL.
  • Use backups before broad or risky edits.

Related Flato Docs

Support And Security

  • Use GitHub Issues for setup and documentation problems.
  • See SECURITY.md for security reporting guidance.
  • Do not include tokens, passwords, or private project content in public issues.

Roadmap

This is the base package. Scenario-specific skills such as flato-presentation-skill should build on this guide instead of duplicating the connection, OAuth, targeting, and safety workflow.

Source: README.md at commit 675a871

Tools

0
This server asks you to sign in, so SourceWeft could not read its tools without an account and has not indexed them. What a connected account sees can depend on that account and its permissions.

Version history

1
  1. v0.1.3LatestSep 16, 2026

Score

85% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 daysRequired25 pts
  • Auth declaredRequired10 pts
  • Tools listed15 pts

    Answer tools/list without a credential, or ship a package that starts in a sandbox without one.

  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts
  • License10 pts