Connect Webflow to VS Code

To use Webflow in VS Code, connect your Webflow account in Manyplug and add Manyplug to VS Code once. VS Code then gets 8 Webflow tools, for example: “Sites”, “Collections”, and “Get a collection”. It takes about 3 minutes and works on the free plan.

Connect Webflow Free plan, no card

1. Connect Webflow in Manyplug

Click “Connect Webflow” and paste the key or app password into Manyplug’s form:

A Webflow site API token. Takes about a minute.

Open the site in Webflow → Site settings → Apps & integrations, the API access section at the bottom.Open Webflow
Click Generate API token and allow CMS (read and write), Sites (read and write) and Forms (read).
Copy the token (it is shown once) and paste it into the form.

The token works for this site only. Connect another account for another site.
The AI publishes items only after you confirm.

2. Add Manyplug to VS Code

GitHub Copilot in agent mode.

Click “Install in VS Code” or add the server to .vscode/mcp.json.

Install in VS Code

{
  "servers": {
    "manyplug": {
      "type": "http",
      "url": "https://manyplug.com/mcp"
    }
  }
}

Start the server in the MCP list and sign in when VS Code asks.

Full guide: VS Code

3. Ask VS Code

Which blog posts on Webflow are still drafts?
Create a draft post “November recap” in the Blog Posts collection.
Show this week’s form submissions from the site.

What VS Code can do in Webflow

Each action can be turned off per account, and changes can wait for your OK.

Action	Access
Sites Sites with ids and domains.	Reads
Collections CMS collections of a site.	Reads
Get a collection Fields of a collection.	Reads
Items Items of a collection, newest first.	Reads
New draft Creates a draft item.	Makes changes
Edit an item Changes fields of an item.	Makes changes
Publish Puts items live on the site.	Risky
Form submissions Submissions of the site’s forms.	Reads

Questions

Can I connect two Webflow accounts to VS Code?

Yes. Connect each one in Manyplug under its own name, for example Work and Personal. VS Code can use one of them or all at once.

Will VS Code change anything in Webflow without asking?

By default these actions wait for your approval before they run: “Publish”. Other changes follow your rules, which you can make stricter per account.

Do I need an official Webflow MCP server for this?

No. Manyplug connects to Webflow itself with a key or app password you paste into its form, and gives VS Code the tools through one MCP address, together with your other services.

Is it free to connect VS Code to Manyplug?

Yes. New workspaces get 14 days of Pro free, then the free plan keeps going with 150 actions a month and up to 3 connected accounts. No card needed. Paid plans start at $5 a month.

Does VS Code see my passwords or API keys?

No. Keys are entered on Manyplug’s own pages, stored encrypted with a separate key per account, and the AI only receives tool results.

Webflow in other AI apps

Claude ChatGPT Claude Code Cursor Codex Gemini CLI Windsurf

More services for VS Code

AirtableBases and tables: find and write records.AsanaTasks and projects: list, add, complete.BitbucketPull requests, reviews and pipelines.BrevoContacts, lists, campaigns, emails.Cal.comBookings and event types.CalendlyBooked meetings and booking links.ClickUpYour tasks, lists and statuses.CloudflareDNS records and cache purges.ConfluenceSearch and read pages, write new ones.Email (IMAP/SMTP)Any IMAP/SMTP mailbox: iCloud, Fastmail or your company mail.FigmaFiles, frames, exports, comments.FreshdeskTickets, customer replies, notes.GitHubRepositories, issues and pull requests.GitLabIssues and merge requests.GmailSearch, read, draft and send email.Google CalendarEvents, free time, invitations.Google DriveFind files and read documents.Google SheetsRead and write cells, append rows.HTTP APIAny REST/JSON API by its address and key, no code.HubSpotContacts, companies and deals.IntercomCustomer conversations and contacts.JiraIssues by JQL, create, change status, comment.LinearTeam issues: find, create, change status.MailchimpSubscribers, tags, campaign reports.monday.comBoards, items, statuses and updates.NotionPages and databases: search, read, write.PipedriveDeals, people and organizations.SentryErrors, stack traces, resolving issues.SlackChannels, message search, posting.StripePayments, customers, invoices and refunds.TelegramYour bot, and with Telegram Business your own chats: message search, replies.TodoistTasks and projects: list, add, complete.TrelloBoards, lists and cards.TypeformForms and their responses.VercelDeployments, build logs, domains.WhatsAppA WhatsApp Business number through the official API: chats, search, replies.WordPressPosts, drafts, publishing, comments.ZendeskTickets, customer replies, notes.