FlutterGo can reach beyond your project. Connectors link your accounts in other apps, such as Figma, GitHub, Notion, or Google Drive, so the agent can read from them while it works. Connecting Figma also lets you build screens straight from a Figma file.
This chapter shows how to connect an account, how to use it in a prompt, and where every other integration lives.
What you need#
- You are signed in. Most steps start from an open project.
- An account in the app you want to connect, for example Figma.
Where integrations live#
| What you want | Where to go |
|---|---|
| Let the agent read from Figma, GitHub, Notion, and other apps | Connectors (this chapter) |
| Build screens from a Figma file | The Figma tile on Home, or + → Attach Figma link in a project (this chapter) |
| A database, sign-in, and storage for your app | Settings → Supabase (Backends: Supabase, Firebase & secrets) |
| Save your code to your own GitHub repository | Ship → GitHub (Save your code to GitHub) |
| Put your app's web version or website online | Settings → Vercel (Web deployment) |
| Drive FlutterGo from Claude, ChatGPT, or another AI app | Use FlutterGo from Claude or ChatGPT |
How to do it#
1. Open the Integrations page#
In your project's chat, click + in the composer, point to Connectors, and choose Add connectors. The Integrations page opens on its Connectors tab.
You can also ask the agent, for example "open integrations". It shows an Open Integrations button, or opens the page for you.
2. Find the app you want#
Type in Search connectors… to find an app. Each card shows the app's name, its category, and how many tools it offers, for example "{n} tools". Its status is Available, Connected, Error, or Disabled.
3. Connect your account#
- Click the card to open its details (About, Details, and the list of Tools), then click Connect. You can also use the connect button on the card itself.
- A sign-in window opens for that app. The page shows Waiting for authorization... and "Complete authorization in the opened window." If the window didn't open, click Continue in browser.
- Sign in to the app and approve access. The window then says the connector is connected and ready to use. Click Close window.
- Back in FlutterGo, the card now shows Connected.
To remove access later, open the connector's details and click Disconnect.
4. Use a connector in a prompt#
- In the composer, click + and point to Connectors. The submenu lists your connected accounts.
- Pick one. It is added to your message as @ plus its name.
- Write what you need, for example: "Use the product names from my Notion page for the shop's categories."
You can also type @ in the composer and pick from its Connectors tab.
Important: Connectors are read-only. The agent can read data through them, but it cannot post, change, or delete anything in your other accounts.
5. Build screens from Figma#
Start a new app from a Figma file (on Home):
- Click the Figma tile under the box on Home.
- Paste the link to your Figma file into the box, add anything else you want, and click Start building.
- If Figma is not connected yet, FlutterGo says so and shows Connect Figma. Connect your account, then click Start building again.
FlutterGo builds the app's foundation and first screen from the file, then continues with the other screens.
Add a Figma file to a project you already have:
- Connect Figma on the Integrations page (steps 1 to 3).
- In your project, click + and choose Attach Figma link.
- Paste the file's link when asked ("Paste a Figma file URL (figma.com/design/…)") and confirm.
- FlutterGo pulls the screens and images from Figma, then adds a note and the link to your message. Click Send. The agent builds from the Figma file.
Tip: Copy the link from Figma's address bar or its Share button. It must start with figma.com/design/ or figma.com/file/.
Success: Your app's screens follow the Figma design. Ask for changes the usual way, for example "make the header match the Figma file exactly".
What else is on the Integrations page#
- Connectors also holds a Supabase card with Connect Supabase. It links the same Supabase account as Settings → Supabase; see Backends: Supabase, Firebase & secrets.
- MCP and + → MCP are for MCP tool servers that FlutterGo manages. You can't add your own on a fluttergo.ai account.
- Skills is marked Coming soon. The agent already uses FlutterGo's skills on its own.
- Use everywhere describes FlutterGo's local command-line tools, which fluttergo.ai accounts don't use. To drive FlutterGo from another AI app, see Use FlutterGo from Claude or ChatGPT.
Troubleshooting#
Problem: The sign-in window never finishes. Possible causes: The pop-up was blocked or closed too early. Solution:
- Click Cancel next to "Waiting for authorization...".
- Allow pop-ups for fluttergo.ai in your browser.
- Click Connect again, or Continue in browser, and finish signing in before you return.
Problem: The Connectors tab says connectors are not configured. Possible causes: Connectors are switched off for this FlutterGo service. Solution: You don't need a key of your own. Contact support with the Help button beside the preview.
Problem: Attaching a Figma link says "Could not pull from Figma: Connect Figma under Integrations, then attach the link again." Possible causes: Your Figma account is not connected. Solution: Connect Figma (steps 1 to 3), then choose + → Attach Figma link again.
Problem: "That does not look like a Figma file URL." Possible causes: The link is not a Figma file link. Solution: Copy the link of the file itself. It starts with figma.com/design/ or figma.com/file/.
Problem: The MCP tab shows an error. Possible causes: That tab is managed by FlutterGo, not by your account. Solution: Nothing to fix. Use Connectors instead, or see Use FlutterGo from Claude or ChatGPT.
FAQ#
What is the difference between a connector and Supabase? A connector lets the agent read from an account you already use, such as Notion or GitHub. Supabase is your app's own backend: its database, sign-in, and storage. Set it up in Settings → Supabase.
Is the GitHub connector the same as GitHub sync? No. The GitHub connector lets the agent read issues and pull requests. To save your project's code to a repository, use Ship → GitHub (Save your code to GitHub).
Can the agent change things in my connected accounts? No. Connectors are read-only: the agent can read, but not post, edit, or delete.
Do I need an API key to connect an app? No. You sign in to the app in a pop-up window, and FlutterGo handles the rest.
Can I schedule the agent to run on its own? Not at the moment. Scheduled automations are not available on fluttergo.ai accounts: the agent works when you send a message.
How do I stop the agent from reading an account? Open the connector's details on the Integrations page and click Disconnect.
Where to go next#
- Working with the AI agent: how to talk to the agent and what each message costs.
- Backends: Supabase, Firebase & secrets: your app's database, sign-in, and keys.
- Use FlutterGo from Claude or ChatGPT: build from another AI app.