Integrations

Switch to Integrations view using the icon in the main menu.

Integrations allow you to connect your app and AI agent to third-party services like Supabase, REST APIs, GraphQL APIs, Canva, Xano, Linear, RevenueCat, and more.

The Integrations page is organized into tabs:

Tab	Purpose
MCPs	Connect agent tools such as Supabase MCP, Xano, Linear, Canva, Sentry, and custom MCP servers.
REST APIs	Add REST API sources from the catalog, import OpenAPI specs, or manage custom REST services.
GraphQL	Import a GraphQL schema, add catalog GraphQL services, and manage generated or custom operations.
Supabase	Manage the project’s Draftbit-managed Supabase backend. Shown in the Supabase Backend app. See Supabase.

Supabase Backend

Supabase is available as an open-beta backend for Draftbit apps. Add a Supabase Backend app to your project to get a managed PostgreSQL database, authentication, storage, and edge functions that every app in the project can use. The AI agent helps create and manage tables, authentication, storage, and related app code.

Once Supabase is set up, the Supabase Backend app shows a Supabase tab here, and other apps show Manage Supabase Instance. Both open the Supabase panel, where you manage sign-in providers, redirect URLs, custom SMTP, email templates, secrets, storage, and deployments yourself. See Supabase for everything the panel can do.

REST and GraphQL APIs

Open APIs & Data in the main menu and use its REST APIs and GraphQL tabs to connect APIs from a catalog of services, import an OpenAPI spec or a GraphQL schema, or set up your own endpoints. Draftbit tests each endpoint against the live service. Endpoints that return JSON become Runtime Ready, and your app code can call them with draftbitApi.call. See REST and GraphQL APIs for the full setup.

Some services, like Supabase, Xano, and Directus, are available both as an MCP and as a REST or GraphQL service. Use the MCP when you want the agent to manage the service itself, such as creating tables or deploying functions. Use a REST or GraphQL service when you want your app to call specific endpoints from a backend you already have.

MCP Integrations

MCP Integrations let you connect the AI Agent to third-party services using the Model Context Protocol. Unlike REST and GraphQL connectors — which expose individual endpoints — an MCP connector lets the agent manage the third-party service itself (create tables, deploy functions, configure subscriptions, and so on).

For most services, you will simply be prompted to sign in to the service and grant access to Draftbit to allow the AI Agent to access these services. For some services, you may need to provide additional credentials or API keys.

Verifying a connection

In Integrations > MCPs, open a configured connection’s menu and select Verify. Draftbit connects to the server and lists its available tools. A successful check shows Verification Complete! and the number of tools found.

If the check shows Authorization Required, click Authorize to sign in and grant access in a new tab. Return to the Verify dialog and click Retry. If authorization is canceled or fails, you can authorize again from the same dialog. For a connection that uses an API key, edit the connection if its key is rejected.

Supabase

Supabase is a open-source backend-as-a-service platform that provides authentication, database, storage, and real-time capabilities for your app.

Authenticating

The Supabase MCP connector is authenticated using your Supabase account. When you click the Add & Verify button, you will be redirected to the Supabase website to sign in and grant access to Draftbit.

Once you have signed in and granted access, you will be redirected back to Draftbit and the Supabase MCP connector will be added to your app.

The Supabase integration allows the AI Agent to:

• Create and manage tables in your Supabase database
• Insert, update, and delete data in your Supabase database
• Query your Supabase database
• Store and access files in your Supabase Storage
• Subscribe to real-time updates from your Supabase database
• Set up user authentication and authorization
• Create edge functions to handle business logic

Read more about the Supabase MCP in their docs

Xano

Xano is a no-code/low-code backend-as-a-service platform that lets you model data, build APIs, and handle business logic without managing servers.

Authenticating

The Xano MCP connector requires:

• Server URL: The Streaming Connection URL from your Xano MCP server
• Auth Key: Your Xano access token for that MCP server

Important: When copying your connection URL from Xano, make sure to use the Streaming Connection URL — not the “Instance API” URL. These are two different options in Xano’s interface and only the Streaming Connection URL is supported.

Xano’s Connecting Clients guide refers to these values as the server URL and Token.

Troubleshooting

Proxy errors on connection If you see a proxy error when connecting, check that Realtime resources are enabled on your Xano instance. This setting is disabled by default on some Xano plans and must be turned on for the MCP connection to work. You can enable it in your Xano instance settings.

The Xano integration allows the AI Agent to:

• Create and manage data models in your Xano database
• Build and deploy APIs in your Xano workspace
• Query your Xano database
• Store and access files in your Xano Storage
• Subscribe to real-time updates from your Xano database
• Set up user authentication and authorization
• Create edge functions to handle business logic

Read more about the Xano MCP in their overview and client connection docs.

Directus

Directus is a open-source backend-as-a-service platform that provides authentication, database, storage, and real-time capabilities for your app.

Authenticating

The Directus MCP connector requires:

• Server URL: Your Directus instance URL
• Auth Key: Your Directus access token

Directus’ MCP docs describe this setup as connecting your AI tool to the Directus MCP server using your instance URL and an access token.

The Directus integration allows the AI Agent to:

• Create and manage tables in your Directus database
• Insert, update, and delete data in your Directus database
• Query your Directus database
• Store and access files in your Directus Storage
• Subscribe to real-time updates from your Directus database
• Set up user authentication and authorization
• Create workflows to handle business logic

Read more about the Directus MCP in their docs.

Linear

Linear is a project management platform that lets you track your work and collaborate with your team.

Authenticating

The Linear MCP connector is authenticated using your Linear account. When you click the Add & Verify button, you will be redirected to the Linear website to sign in and grant access to Draftbit.

Once you have signed in and granted access, you will be redirected back to Draftbit and the Linear MCP connector will be added to your app.

The Linear integration allows the AI Agent to:

• Create and manage projects and issues
• Work on specific issues in your Linear workspace

Read more about the Linear MCP in their docs.

RevenueCat

RevenueCat is a subscription management platform that lets you manage your app’s subscriptions and revenue.

The RevenueCat integration allows the AI Agent to:

• Integrate subscription billing and in-app purchases into your app
• Create and manage subscriptions and products
• Manage subscription status and renewals

Connecting RevenueCat

In Integrations > MCPs, add RevenueCat and choose Sign in with OAuth or API key. OAuth opens RevenueCat so you can sign in and grant access. For API key authentication, enter an API v2 secret key from the RevenueCat dashboard, then click Add & Verify. API v1 and public SDK keys won’t work.

Existing API key connections keep their saved key. To switch one to OAuth, edit the connection, choose Sign in with OAuth, and click Save & Verify. If RevenueCat rejects OAuth for your client, use an API v2 secret key and verify the connection again.

Read more about the RevenueCat MCP in their docs.

Stripe

Stripe is a payment processing platform that lets you accept payments from your customers.

The Stripe integration allows the AI Agent to:

• Integrate payment processing into your app
• Create and manage products and prices

Connecting Stripe

In Integrations > MCPs, add Stripe and choose Sign in with OAuth or API key. OAuth opens Stripe so you can sign in and grant access. For API key authentication, create a Stripe Agent key, paste it into the Authorization field, and click Add & Verify.

From 31 October 2026, Stripe MCP accepts only OAuth or restricted keys tagged for agent access. If you connected with an ordinary secret key or an untagged restricted key, edit your Stripe connection to replace the key or switch to OAuth, then verify it again. Updating the catalog doesn’t replace your stored key.

Read more about the Stripe MCP in their docs.

Square

Square’s MCP connects the AI agent to Square customers, orders, items, and other Square API resources while it builds. Find it in Integrations > MCPs. The hosted server uses your live Square account; Square’s hosted MCP doesn’t offer sandbox access.

Connecting Square

Add Square, click Add & Verify, and sign in when Square opens. Review the requested permissions and grant access to finish verification. New connections use https://mcp.squareup.com/mcp and OAuth; you don’t paste an API key.

If an existing connection uses the older /sse endpoint and fails verification, remove it and add Square again to use the current catalog URL, then authorize it again. Catalog updates don’t replace the URL stored in an existing connection. Square controls which MCP clients can register; if it rejects the client, changing your endpoint alone won’t resolve that restriction.

If a connection shows Transport error, its server rejected the connection method with HTTP 405 after both supported transports failed. Check the server URL and the provider’s transport instructions, then verify again. An authentication failure instead needs valid credentials or renewed authorization.

Read more about the Square MCP in their docs.

Sentry

Sentry is a error tracking platform that lets you track and fix errors in your app.

Authenticating

The Sentry MCP connector is authenticated using your Sentry account. When you click the Add & Verify button, you will be redirected to the Sentry website to sign in and grant access to Draftbit.

Once you have signed in and granted access, you will be redirected back to Draftbit and the Sentry MCP connector will be added to your app.

The Sentry integration allows the AI Agent to:

• Track errors in your app
• Fix errors in your app

Read more about the Sentry MCP in their docs.

Cloudflare

Cloudflare provides DNS, edge compute (Workers), object/key‑value storage (R2, KV), serverless databases (D1), and other infrastructure services.

Authenticating

The Cloudflare MCP connector is authenticated using your Cloudflare account. When you click the Add & Verify button, you will be redirected to the Cloudflare website to sign in and grant access to Draftbit.

The Cloudflare integration allows the AI Agent to:

• Manage DNS records and zones for your domains
• Create and deploy Workers
• Read and write data in KV, R2, and D1
• Configure caching, security, and routing rules

Read more about Cloudflare’s MCP servers in their docs.

HighLevel

HighLevel (also known as GoHighLevel) is a CRM and marketing automation platform that lets you manage contacts, pipelines, campaigns, and workflows.

Authenticating

The HighLevel MCP connector is authenticated using your HighLevel account. When you click the Add & Verify button, you will be redirected to HighLevel to sign in and grant access to Draftbit.

The HighLevel integration allows the AI Agent to:

• Read and update contacts and opportunities
• Trigger and manage automation workflows
• Create and update calendar events and appointments
• Send messages through configured channels

Read more about the HighLevel MCP in their docs.

Custom MCP

There are thousands of MCP servers out there for all kinds of services and purposes. Using the Custom MCP connector, you can connect the agent to almost any of them.

Custom MCP servers are available on the Pro plan and above. If your plan changes to one without them, your custom MCP servers stay in your list but the agent stops using them. They show Not in your plan until you upgrade again.

Name	Description
Server URL	The URL of the MCP server you want to connect
Authentication Type	Choose the authentication type for the MCP server: oAuth - Allows you to sign in to a third-party service using your existing account Header - Allows you to use a third-party service with an API key or token Defer to Agent - The AI Agent will determine the best authentication type for the MCP server
Custom Headers	Set the custom headers for the MCP server: Key - The name of the header (e.g. Authorization) Value - The value of the header (e.g. Bearer [your token])
Use Cache	Choose whether to enable caching for the MCP server: On - The AI Agent will use the cache for the MCP server Off - The AI Agent will not use the cache for the MCP server

Canva

Use the Canva integration to import a Canva design into Draftbit. After connecting Canva, choose a design from the searchable thumbnail picker. Draftbit starts a new AI thread that converts the selected design into React Native screens.

Firebase (Coming Soon)

Firebase is a backend-as-a-service platform that provides authentication, database, storage, and real-time capabilities for your app.

The Firebase integration allows the AI Agent to:

• Integrate authentication into your app
• Integrate database into your app
• Integrate storage into your app
• Integrate real-time capabilities into your app
• and more!

Figma

Figma is a design tool that lets you create and collaborate on designs.

The Figma integration allows the AI Agent to:

• Create and manage designs in your Figma project
• Create and manage components in your Figma project
• Create and manage styles in your Figma project
• and more!