How to Connect Webflow to Gemini on Web and Android
Connect Webflow to Gemini on a personal US account, then edit layouts, CSS, and CMS content from chat using official steps.
Webflow already holds your pages, breakpoints, and CMS collections. Gemini can work on that site from chat if the account matches Google’s Connected Apps rules.
On 23 September 2026, Google listed Webflow in a new Connected Apps wave with Squarespace, Adobe, and Picsart. The Gemini availability table describes Webflow as a way to create and modify visual design, build responsive layouts, update CMS content, add structural elements, edit CSS properties, and adapt pages across breakpoints.
This guide uses that table, Google’s product post, and the Connected Apps help page. It does not add Webflow actions Google has not listed.
Who can connect Webflow today
Webflow’s row is narrower than Gmail or YouTube Music.
You need all of the following:
- A personal Google Account. Work and school logins are not listed for Webflow.
- Age 18 or over.
- Use in the United States.
- Prompts in English.
Supported surfaces are the Gemini web app at gemini.google.com and the Gemini mobile app. Supported modes are Gemini chat and Gemini Spark. If the toggle is on the web but missing on your phone, that split can happen during rollout. Availability still depends on location, language, device, and the Gemini app you open.
For the wider September list, use the September Connected Apps setup guide. This article stays on Webflow. If you also track issues, the Linear connector walkthrough uses the same Apps page, with a different scope.
What Gemini is allowed to do in Webflow
Plan around the sentence on Google’s availability table, not around the full Webflow Designer.
Documented actions are:
- Create and modify the site’s visual design.
- Build responsive layouts.
- Update CMS content.
- Add structural elements.
- Edit CSS properties.
- Adapt pages across breakpoints.
The 23 September post groups Webflow with creative tools for designing assets and building websites. Google did not publish a sample Webflow prompt in that post. Treat layout, CSS, and CMS updates as the safe pattern. Do not assume Gemini can publish a custom domain, change billing, or replace every Designer shortcut.
Connected Apps follow the general Gemini rules. Gemini can pick a connected app when the request is a clear match. You can force the tool by typing @ and choosing Webflow. Google’s help page says you can turn apps off at any time on the Apps page.
Connect Webflow from Gemini settings
Set this up on a computer first. The Apps list is easier to confirm on gemini.google.com, even if you later chat on Android.
- Sign in to gemini.google.com with the personal Google Account you use on your phone.
- Open Settings & help, then Apps. On some builds the path is Personal Intelligence, then Connected Apps.
- Find Webflow and turn it on.
- Finish Webflow’s account-linking screens. Read the permissions before you agree. You should already be able to edit the site in Webflow itself.
You can also start from chat. Type a Webflow request or @Webflow. If you are eligible and the app is not linked, Gemini can offer a connect button. Google’s table notes that asking by name or @[app name] is the in-thread path.
If Gemini refuses third-party connectors, check that Keep Activity is on. Several third-party help pages treat that setting as a requirement. Webflow’s row does not repeat every global flag, so reopen Apps after you change activity settings.
Turn Webflow off the same way: Settings, Apps, Webflow, off. You can also revoke the link from your Google Account linked-apps page.
First prompts that match the documented scope
Start with a read or a small CMS change so you can compare the result with the Webflow Designer.
CMS
@Webflow List the latest items in the Blog collection.@Webflow Update the CMS item titled “Office hours” and set the summary to the text I paste next.
Layout and CSS
@Webflow Add a section under the hero on the Home page with a heading and a two-column layout.@Webflow Change the primary button background on the Home page and show the CSS property you edited.
Breakpoints
@Webflow Adapt the Home page hero so the heading stacks on the mobile breakpoint.
Name the page, collection, and item the way they appear in Webflow. A vague “fix my site” prompt makes Gemini guess the wrong project.
If the reply cites the wrong site, say so in the next turn and repeat @Webflow. Keep site edits in ordinary chat or Spark. Canvas and Deep Research are not the surfaces Google lists for this connector.
Use Webflow from Android after the web link
Once Webflow is on for the account, open the Gemini app and confirm the avatar is the same personal US account.
Type @ and pick Webflow, or speak a request that names the site and the collection. Long-press the power button only if Gemini is your default assistant.
Gemini cannot use most Connected Apps from Google Messages. Stay in the Gemini app or on gemini.google.com.
If Webflow never appears on Android, check country (US), language (English), and account type (personal), in that order. A VPN does not replace Google’s region check.
Limits you should plan around
Personal accounts only. Do not expect the toggle on a company Gemini for Workspace session.
Age and region. Under-18 accounts and locations outside the United States are out of scope until Google updates the table.
Language. English only. Collection names can stay in another language if that is how they are stored, but the prompt language Google lists is English.
Chat and Spark. Google lists those modes for web and mobile. Google Messages is not a supported surface for this connector.
Permissions. The link lets Gemini act with the scopes you approve. Review Webflow’s consent screen. Disconnect from Apps, or from your Google Account linked-apps page, when a freelancer leaves the site.
Rollout lag. Google said this wave began rolling out on 23 September 2026. A missing row usually means the flag has not reached the account yet.
Watch how Connected Apps sit in Gemini chat
Google’s explainer shows the Maps and YouTube Music pattern: enable the app, then ask from one prompt box. Webflow uses the same Apps page and @ model.
Tips that keep site edits reviewable
- Connect Webflow on the web, then run one CMS list prompt before you change layout.
- Always
@Webflowon the first turn of a new chat so Gemini does not invent page structure. - Name the page and breakpoint. “Mobile” is clearer than “make it responsive.”
- Ask Gemini to state the CSS property it changed, then confirm in the Designer.
- Keep one personal account for this connector. Switching avatars mid-chat drops the link.
- Do not stack Webflow with five other apps in one prompt. One site task per turn is easier to undo.
Conclusion
Webflow in Gemini is a US personal-account connector for English site work in chat and Spark. Turn it on from the Apps page, pin it with @Webflow, and start with a CMS list or a single layout change that matches Google’s table.
When that reply matches the site you see in Webflow, you can update CMS items, structural elements, and CSS from chat. If the toggle is missing, wait for the September rollout or confirm you are not on a Workspace login.
Sources
Share this story
