MCP (Model Context Protocol)
Moda exposes your designs and canvas tools through the Model Context Protocol (MCP), allowing AI coding agents to read and create designs programmatically.- Getting Started with MCP: connect your AI editor to Moda
- MCP Server Overview: architecture and transport modes
- Setup Details: full setup instructions and troubleshooting
- Tools Reference: all available MCP tools
- Design-to-Code Guide: turn Moda designs into production code
REST API
Moda provides a REST API for programmatic access to canvases, designs, brand kits, exports, and more.- API Overview: getting started with the REST API
- Authentication: API key setup
- Webhooks: real-time event notifications
Canvas Embed SDK
Embed a live, editable Moda canvas inside your own product. Your backend mints a short-lived session, your page loads it in an iframe, and your users design without leaving your app.- Canvas Embed overview: what it is and when to use it
- Quickstart: a working embed in a few minutes
Connecting accounts
Both Slack and Google are connected from Settings → Integrations in the app.Slack
Connect your Slack workspace and you can work with the Moda agent without opening Moda. To connect: go to Settings → Integrations and click Connect Slack. You’ll be asked to authorize Moda in your Slack workspace. The same panel has Disconnect Slack when you want to remove it. To use it, do any of these in Slack:@Modamention the bot in a channel it’s been added to.- Send the bot a direct message.
- Reply in a thread the bot is already part of.
- Export canvases to Google Slides
- Import presentations from Google Drive
- Attach Drive files to chat — reference a Drive document when prompting the agent