Set Up the Tiled MCP
The Tiled MCP connects Tiled to the AI you already use, such as Claude or ChatGPT.
The Tiled MCP connects Tiled to the AI assistant you already use, such as Claude or ChatGPT. Describe what you need in plain language, and your assistant creates and updates microapps in your Tiled libraries for you.
Everything your assistant builds is a regular Tiled microapp. Open it in the Builder to change any text, image, tile, or page by hand, then publish and share it as usual.
|
Ask Your Assistant To |
For Example |
|
Create a microapp |
“Create a microapp in my Sales library that walks a new customer through our onboarding, in four pages.” |
|
Build from your content |
Attach a brief, a PDF, or notes, and ask your assistant to turn them into a microapp. |
|
Update a microapp |
“On the pricing page, change the headline to ‘Plans for every team’ and add a button that goes to the contact page.” |
|
Use your assets |
“Use the product photos from the Asset Library on the features page.” |
|
Find your work |
“Which libraries can I build in?” or “List the microapps in my Marketing library.” |
|
You Need |
Details |
|
A Tiled account |
With the Editor role or higher in the library you want to build in. Your assistant can only reach the libraries and microapps your Tiled account can. |
|
The Tiled MCP on your account |
If you can’t connect, ask your Tiled admin or your Tiled account team. |
|
An AI assistant that supports MCP |
Claude, ChatGPT, or another assistant that can connect to a remote MCP server with sign-in. |
|
The Tiled MCP server URL |
[Tiled MCP server URL] |
|
About MCP: The Model Context Protocol (MCP) is an open standard that lets AI assistants connect to other apps. Your assistant uses it to work in Tiled on your behalf, with your permission. |
You add Tiled once, as a custom connector. The steps depend on your assistant and your plan.
Claude on a Team or Enterprise plan
An Owner of your Claude organization adds Tiled once for everyone. Members then connect with their own Tiled account in Step 2.
1. Go to Organization settings → Connectors — in Claude.
2. Select Add, then Custom. — If Claude asks for the connector type, choose Web.
3. Search the connector Tiled — and select the Tiled MCP server.
4. Select Add. — Tiled now appears for everyone in the organization under Customize → Connectors, with a Custom label.
Claude on a Free, Pro, or Max plan
1. Go to Settings → Customize → Connectors — in Claude.
2. Select Add custom connector. — On the Free plan, you can add one custom connector.
3. Search for Tiled connector — and select Tiled MCP server.
4. Select Add. — Tiled now appears in your connectors list, with a Custom label.
ChatGPT and other AI assistants
In ChatGPT, custom MCP connectors are added through developer mode in Settings → Apps, on plans and workspaces where it’s turned on. Add a new app or connector, enter [Tiled MCP server URL], and choose sign-in (OAuth) if you’re asked. For any other assistant, look for a setting to add a remote MCP server or custom connector, and use the same URL.
|
Heads Up: Menus in AI assistants change often. If a label here doesn’t match what you see, check your assistant’s help center for how to add a custom MCP connector. The server URL and the sign-in steps stay the same. |
1. Go to Settings → Customize → Connectors — and find Tiled, marked Custom.
2. Select Connect. — A browser window opens.
3. Select Continue connecting — if you’re asked to finish connecting a connector you started from the Claude desktop app.
4. Sign in to Tiled — the way you usually do, including with your company’s single sign-on.
5. Approve access if Tiled asks. — You return to your assistant, and Tiled shows a check mark in your connectors list.
|
Your access, your permissions: Your assistant works in Tiled as you. It sees only the libraries and microapps your account can see, and it can only make changes your role allows. |
1. Start a new chat. — Connectors can be turned on or off for each conversation.
2. Select + in the message box, — then select Connectors.
3. Turn on Tiled. — Your assistant can now use Tiled in this chat.
|
Try It Yourself: Ask “Which Tiled libraries can I build in?” If the connection works, your assistant lists your libraries. If it answers without checking Tiled, turn Tiled on for the chat and ask again. |
1. Describe what you want, — including the library, who it’s for, the screen format (such as desktop or mobile portrait), and the pages you need.
2. Attach your source material — if you have it, such as a PDF, a brief, or meeting notes.
3. Approve each action — when your assistant asks to create or change something in Tiled.
4. Review the summary — your assistant gives you of what it built, and ask for changes in the same chat.
Here’s a request that works well as a first try:
|
Example: Create a microapp in my Sales library called “Product Overview.” Make it desktop format with four pages: a cover, the problem we solve, three key features, and a contact page. Use our brand colors and fonts. |
|
Pro Tip: Be specific about the library, the format, and the pages. The more your assistant knows up front, the less you’ll change later. |
Everything your assistant creates is editable in the Builder, just like a microapp you built by hand.
1. Open Tiled — and go to the library your assistant built in.
2. Find the new microapp — and open it in the Builder.
3. Edit anything you like, — such as text, images, tiles, links, and pages.
4. Preview, then publish and share — when it’s ready, the same way as any other microapp.
You can move back and forth. Your assistant works from the microapp as it is now, including the edits you made in the Builder, so you can ask it for more changes at any time.
|
Heads Up: Don’t edit a microapp in the Builder while your assistant is changing it. Let your assistant finish, then make your own edits, so neither set of changes overwrites the other. |
• One task at a time: ask for one page or one change per message when you’re refining.
• Name things: refer to pages and tiles by name, such as “the pricing page” or “the headline at the top.”
• Point to your assets: say which images or files to use, so your assistant doesn’t pick placeholders.
• Ask it to check: finish with “Check the microapp for problems and fix them,” then review the result in the Builder.
Stay in Control• Approvals: your assistant asks before it acts in Tiled. Only choose Always allow if you’re comfortable with Tiled changes happening without a prompt.
• Per chat: turn Tiled off for a conversation from the + menu → Connectors.
• Disconnect: remove or disconnect Tiled in Settings → Customize → Connectors at any time. Microapps already built stay in Tiled.
Troubleshooting|
Problem |
Check |
|
You can’t add a custom connector in Claude |
On Team and Enterprise plans, only an Owner can add one. Ask your Claude Owner to add Tiled for the organization. On the Free plan, you can add only one custom connector. |
|
Connect doesn’t finish, or you’re sent back to sign in |
Sign in to Tiled in the same browser first, then select Connect again. If your company uses single sign-on, use the same sign-in you use for Tiled. |
|
Your assistant answers without using Tiled |
Turn on Tiled for the chat from the + menu → Connectors, and start a new chat if needed. |
|
Your assistant can’t find a library |
Your Tiled account doesn’t have access to it, or doesn’t have the Editor role there. Ask your Tiled admin. |
|
The new microapp isn’t in your library |
Refresh Tiled, and check which library your assistant says it used. |
|
Your Builder edits were overwritten |
You and your assistant changed the microapp at the same time. Make your edits again after your assistant finishes. |
|
Tiled isn’t available to connect |
The Tiled MCP may not be turned on for your account. Contact your Tiled admin or account team. |
|
Question |
Answer |
|
Which AI assistants work with the Tiled MCP? |
Any assistant that can connect to a remote MCP server with sign-in, including Claude and ChatGPT. |
|
Can I edit what my assistant creates? |
Yes. Everything it builds is a regular microapp that you can open and edit in the Builder. |
|
Does my assistant publish microapps? |
Review every microapp in the Builder, then publish and share it from Tiled when you’re ready. |
|
Can my assistant see microapps I don’t have access to? |
No. It works with your Tiled account, so it sees only what you can see. |
|
Do I need to add Tiled again for every chat? |
No. You add and connect Tiled once. Turn it on in any chat where you want to use it. |
|
Can my assistant use our brand? |
Yes. Ask it to use the colors, fonts, and logo from your Brand Kit. |
• Design Tools and AI in Tiled — Where AI fits into the Tiled workflow.
• Brand Kit — Setting up the brand your assistant uses.
• Bynder Integration — Assets synced from Bynder are available to your assistant.
• Getting Help in the Builder — Asking the Help chat how to do something in the Builder.
• Managing Libraries — How library access works.




