읽을거리 · AI 디자인
문구 세 군데 고치려고 웹플로를 열었다 닫았다 할 때, 제미나이에 붙은 Webflow 연결에서 확인할 것
Webflow가 10월 15일 Google Gemini 앱의 연결 앱이 됐다. 채팅에서 페이지 제작, CMS 정리, 사이트 감사, 성과 질문을 할 수 있다고 한다. 설치는 무료이고 지금은 Webflow AI 크레딧을 쓰지 않는다. 보도자료와 마켓플레이스 페이지로 확인한 내용과 아직 알 수 없는 부분을 정리했다.
클라이언트 메시지는 한 줄이다. "소개 문구 세 군데랑 팀원 사진 한 장만 바꿔 주세요."
그 한 줄을 처리하려고 웹플로 편집 화면을 열고, 컬렉션을 찾고, 항목을 하나씩 열어 고치고, 다시 게시한다. 작업 자체는 금방 끝나는데 열고 닫는 데 더 걸린다. 이런 잔일은 AI 채팅창에서 끝내고 싶어진다.
Webflow가 10월 15일 보도자료로 Google Gemini 앱의 '연결 앱'이 됐다고 발표했다. 이 글은 그 보도자료와 Webflow 앱 마켓플레이스 페이지에서 직접 확인한 내용만 옮긴다.
먼저 밝혀 둘 것
- 이 연결을 내 Webflow 계정에 설치해 써 보지는 않았다. 아래는 모두 보도자료와 마켓플레이스 페이지에 적힌 내용이다.
- 내가 확인한 보도자료는 CMSWire와 TechIntelPro에 실린 사본이다. 원본 GlobeNewswire 페이지는 열어 보지 못했다.
- 요금제별 조건, 지원 지역, 사용량 한도는 연 자료 어디에도 구체적으로 없었다.
- 제3자가 이 연결을 시험한 결과는 찾지 못했다. "페이지가 잘 나온다"는 것은 Webflow 쪽 설명이다.
- 같은 날 소식이 "웹 디자인 플랫폼에 제미나이를 통합했다"로 요약되는 곳도 있다. 보도자료의 표현은 Gemini 앱 안의 '연결 앱'이다. 이 글은 보도자료를 따른다.
연결 앱이 뭔가
MCP는 AI 앱이 다른 도구의 기능을 불러 쓰게 해 주는 연결 규격이다. 풀어 말하면 "채팅창과 서비스를 잇는 콘센트"다. Webflow는 이 규격의 서버를 이미 갖고 있었고, 보도자료에 따르면 Claude, ChatGPT, Codex, Slack에서 쓰던 것과 비슷한 기능이 이번에 Gemini에도 붙었다.
Gemini 쪽에는 승인된 파트너만 들어가는 커넥터 마켓플레이스가 있고, Webflow가 거기에 올랐다. 마켓플레이스 페이지는 이 앱을 "Webflow 계정을 Gemini와 연결해 대화로 사이트를 고치고 성과 질문에 답하게 하는 앱"으로 소개한다. 설치는 그 페이지에서 로그인한 뒤 진행한다. 세부 단계는 페이지에 없었다.
보도자료가 말한 일곱 가지
| 하는 일 | 보도자료의 설명 |
|---|---|
| 성과 질문 | Webflow Analyze로 트래픽, 상위 페이지, 참여도, 목표, 시간에 따른 변화를 묻는다 |
| 테스트 결과 | Webflow Optimize에서 어느 변형이 가장 잘 나왔는지, 통계적으로 의미 있는 차이인지 확인한다 |
| AI 속 브랜드 | AEO Analytics로 AI 시스템이 브랜드를 찾고 설명하고 인용하는 방식을 본다 |
| 페이지 제작 | 기존 스타일과 브랜드 규칙을 따라 반응형 페이지와 부품(컴포넌트)을 만들고 스크롤, 호버, 로드, 클릭 동작을 붙인다 |
| CMS 관리 | 컬렉션 만들기, 수정, 정리, 정렬, 필터를 한 번의 요청으로 한다. 직접 만든 필드와 참조 필드도 다룬다 |
| 앱 배포 | Webflow Cloud 앱을 배포하고, 상태를 보고, 실패한 배포의 원인을 찾는다 |
| 사이트 감사 | SEO, 접근성, 깨진 링크, 성능, 콘텐츠 품질을 점검한다 |
출처: CMSWire: Webflow and Google Gemini announce new agentic integration (2026-10-15 보도자료). 표는 보도자료 항목을 줄여 옮긴 것이다.
마켓플레이스 페이지에는 비슷한 목록이 조금 다른 말로 있다. 디자인이나 설명을 반응형 페이지로 만들기, 컬렉션 항목 대량 생성·수정, 모션 추가 뒤 Webflow의 시각 타임라인에서 세부 조정, 우선순위가 매겨진 수정 목록 받기 등이다.
디자이너에게 눈에 띄는 세 가지
첫째, '기존 스타일을 따른다'는 문구. 보도자료는 페이지와 부품을 기존 스타일과 브랜드 시스템 위에서 만든다고 한다. 브랜드 시스템은 이미 사이트에 정리해 둔 색·글자 크기 규칙, 버튼·카드 같은 부품 모음이다. 규칙이 정리돼 있지 않은 사이트에서 이 말이 어떻게 작동하는지는 자료에 없다. 규칙을 AI에게 건네는 방법은 AI에게 우리 디자인 규칙을 건네는 파일 한 장, DESIGN.md에서 다뤘다. 이번 연결은 그 규칙이 사이트 안에 이미 있다는 전제로 읽힌다. 이건 내 해석이다.
둘째, 기록이 남는다. 보도자료는 기존 역할과 권한이 그대로 적용되고, AI가 한 작업이 활동 로그에 AI 작업으로 기록된다고 한다. 마켓플레이스 페이지는 설치 시 사이트 데이터 접근과 디자이너 작업 흐름 권한이 필요하다고 적었다. 클라이언트 사이트라면 "누가 고쳤는지"가 남는 쪽이 낫다. 다만 로그에서 AI 작업이 어떻게 보이는지는 직접 보지 못했다.
셋째, 분석 질문이 같이 들어 있다. 페이지를 만드는 기능만이 아니라 "지난달 어느 페이지를 많이 봤나", "AI 답변에서 우리 브랜드가 어떻게 소개되나" 같은 질문도 같은 채팅에서 한다. 마지막 항목은 검색 결과 대신 AI의 답이 첫 화면이 될 때에서 다룬 문제와 이어진다. 다만 그 분석이 얼마나 정확한지는 이 자료로 알 수 없다.
값과 조건
- 연결 앱은 설치가 무료다.
- 지금은 Webflow AI 크레딧을 쓰지 않는다. 보도자료의 표현은 "currently"에 해당하는 현재형이다. 나중에 바뀔 수 있다는 뜻으로 읽는 편이 안전하다. 바뀐다는 발표는 없었다.
- 어떤 기능을 쓸 수 있는지는 기존 Webflow 요금제와 사용자 권한에 따른다. 요금제별 표는 없다.
- 마켓플레이스 페이지는 "Webflow가 앱 품질을 검토했지만 보증하거나 인증하지는 않는다"고 적어 두었다.
같은 주에 나온 피그마 소식과 헷갈리지 않게 적어 둔다. 데이터 저장과 관리자 화면을 Figma Make에 붙인 이야기는 화면은 다 됐는데 저장 버튼이 아무것도 저장하지 않을 때에서 다뤘다. 그쪽은 새 사이트를 프롬프트로 만드는 흐름이고, 이쪽은 이미 있는 Webflow 사이트를 채팅에서 만지는 흐름이다.
지금 알 수 없는 것
- 되돌리기. 채팅에서 고친 내용을 한 번에 되돌릴 수 있는지, 게시 전에 확인 단계가 있는지 자료에 없다.
- 결과 품질. 인터랙션과 반응형 페이지가 디자이너가 만든 수준으로 나오는지는 확인된 바 없다.
- 한도. 대화 한 번에 고칠 수 있는 항목 수, 속도 제한은 적혀 있지 않다.
- 지역과 요금제. 보도자료는 지역별 제공 범위를 말하지 않는다.
- 무료 기간. 크레딧을 쓰지 않는 상태가 언제까지인지 밝히지 않았다.
지금 쓰는 일과 맞춰 보면
문구 수정, 사진 교체, 블로그 항목 일곱 개 정리 같은 잔일이 이 연결의 첫 후보다. 컬렉션을 대량으로 만들고 고치는 기능이 목록에 있다. 새 레이아웃을 처음부터 잡는 일은 결과를 본 뒤에 판단해도 늦지 않다.
외주를 맡는 입장에서는 '운영 인수인계' 문서가 한 장 늘 수 있다. 클라이언트 쪽 담당자가 채팅으로 사이트를 고치게 된다면, 어떤 권한을 줄지 정해야 한다. 보도자료에 따르면 기존 권한 체계가 그대로 적용되니, 지금 권한 설정이 어떤지부터 점검해 볼 만하다. 이것도 내 의견이다.
그래서 지금은
내 Webflow 권한부터 확인하자. 설치하려면 사이트 데이터와 디자이너 작업 흐름 권한이 필요하다고 한다. 클라이언트 사이트에 연결하기 전에 누가 편집 권한을 갖는지 정리하고, 활동 로그 위치를 한 번 열어 둔다.
고쳐도 부담 없는 사이트에서 시작하자. 포트폴리오나 테스트 사이트에서 "컬렉션 항목 다섯 개의 소개 문구를 같은 말투로 고쳐 줘" 같은 작은 요청을 해 본다. 결과가 원하는 대로 안 나오면 되돌리는 방법도 그때 확인한다.
무료라는 말은 '지금은'으로 읽자. 크레딧을 쓰지 않는 상태가 계속된다는 약속은 없다. 클라이언트와 정한 월 유지 비용 안에 AI 사용료를 넣을지는 요금이 정해진 뒤에 다시 따져도 된다.
AI 디자인 도구는 AI 디자인 툴에 쓰임별로 모아 두었다.
출처: CMSWire: Webflow and Google Gemini announce new agentic integration, TechIntelPro 보도자료 사본, Webflow 앱 마켓플레이스: Google Gemini MCP Connector, MarTech 소식 모음.