- Inicio
- Recursos
- Integraciones
- Webflow
Conector Claude WebflowLo que Claude sabe hacer en tu cuenta de Webflow.
El conector Claude Webflow expone 34 herramientas: 6 de lectura y 28 de escritura. Claude monta secciones y componentes, llena colecciones del CMS, corrige metadatos SEO y publica una web, dentro de tu rol. Cada herramienta, qué necesita el Designer abierto y las salvaguardas.
Reseñas verificadas en Trustpilot · Agencia de IA, automatización y growth
Qué cambia el conector Claude Webflow en una web real
Describes el cambio y Claude lo hace en tu proyecto real de Webflow, partiendo de los estilos, variables y contenidos del CMS que ya existen. Webflow construyó el conector sobre sus propias API, así que una sección de portada, una tanda de artículos o una ronda de meta descripciones se resuelven en la conversación y no en una larga sesión en el Designer.
Montar una sección con una frase. Pide una portada adaptable con titular y botón de acción: data_element_builder crea los elementos y data_style_tool aplica las clases que ya usas.
Mover el CMS a escala. data_cms_tool crea colecciones y campos y actualiza elementos por lotes; quedan como borrador hasta que los publicas.
Corregir el SEO página a página. data_pages_tool lee y reescribe los metadatos SEO y el JSON-LD de las páginas, y data_sitemap_tool decide qué aparece en el sitemap.
Los límites pesan igual. Claude nunca pasa de tu propio rol, no puede añadir usuarios ni cambiar accesos, y no toca las interacciones Classic. Subir una imagen por URL y las herramientas del Designer en vivo pasan por una sesión del Designer abierta. Las ramas de página y los datos de Analyze dependen de tu oferta o de módulos de Webflow. Y nada se ejecuta solo: ninguna página cambia al llegar un formulario. Para flujos que arrancan con un evento, eso es trabajo de una herramienta de automatización: mira la integración Webflow n8n o la integración Webflow Make.
Cinco palabras antes de conectar Webflow
El vocabulario de Claude alrededor de este conector, en un minuto.
- Conector
- El enlace que configuras una vez entre Claude y una cuenta que ya tienes, para que Claude trabaje en ella mientras te responde.
- Herramienta
- Una acción con nombre que el conector abre a Claude. Él elige solo lo que necesita; el directorio lista las 34 por su nombre.
- Autorización
- La pantalla de Webflow donde eliges los sitios y el espacio de trabajo a los que llega Claude. Se da una vez y se puede revocar.
- Aprobación
- La confirmación que Claude espera antes de tocar tu web, mostrada en la conversación justo cuando importa.
- MCP
- El estándar común de los conectores: es lo que permite que un asistente como Claude hable con un servicio externo como Webflow.
Conectar Webflow a Claude en tres pasos
- 01
Busca Webflow en Claude
Abre los ajustes de Claude, entra en Customize y luego en Connectors, y busca Webflow. En un espacio Team o Enterprise, un Owner o Primary Owner tiene que activarlo antes de que cada miembro pueda iniciar sesión.
- 02
Inicia la conexión
Pulsa Connect en la fila de Webflow e inicia sesión en Webflow en la ventana que abre el propio Webflow. Si el enlace se rompe más adelante, usa Disconnect y vuelve a conectar.
- 03
Elige los sitios al autorizar
Es la pantalla de Webflow, no Claude, la que fija lo que cubre el acceso. Selecciona los sitios y el espacio de trabajo a los que puede llegar Claude y confirma. El acceso también se retira después desde Webflow.
Las 34 herramientas, ordenadas por lo que hacen
Webflow le da a Claude 34 herramientas: 6 que leen tu cuenta, 28 que cambian algo en ella.
Webflow etiqueta cada herramienta como de lectura, de escritura o ambas. Toda herramienta capaz de escribir va al grupo de escritura, aunque también lea. Los nombres quedan tal como los muestra Claude.
- 6 lectura
- 28 escritura
Índice de herramientas
- asset_tool
- data_agent_instructions_tool
- data_assets_tool
- data_cms_tool
- data_comments_tool
- data_component_builder
- data_component_tool
- data_element_builder
- data_element_tool
- data_enterprise_tool
- data_fonts_tool
- data_forms_tool
- data_localization_tool
- data_pages_tool
- data_scripts_tool
- data_sitemap_tool
- data_sites_tool
- data_style_tool
- data_variable_tool
- data_webhook_tool
- data_whtml_builder
- designer_tool
- data_interactions_tool
- data_campaigns_tool
- data_apps_tool
- data_component_props_tool
- data_component_variants_tool
- data_element_settings_tool
Lo que Claude lee (6)
6 herramientasSeis herramientas que miran, miden u orientan, y dejan tu web como está.
ask_webflow_ai
Plantea una pregunta libre sobre la API de Webflow a la IA de Webflow y trae la respuesta a la conversación.
data_analyze_tool
Lee los datos de Webflow Analyze: tráfico en el tiempo, clasificaciones de páginas y de dimensiones, eventos de interacción y tiempo en página. Webflow lo describe como acceso de solo lectura.
element_snapshot_tool
Toma una imagen de un elemento tal como se ve en el lienzo, para que Claude revise su propio trabajo sin publicar nada.
get_asset_preview
Obtiene una vista previa de una imagen del sitio por su identificador, la variante más pequeña o la original, hasta 2 MB, solo imágenes, nada de vídeo ni documentos.
get_more_tools
Solicita al servidor una herramienta especializada cuando las ya cargadas no cubren una función. Así llega Claude a lo que queda fuera del conjunto por defecto.
webflow_guide_tool
Devuelve los flujos recomendados y las buenas prácticas de Webflow para sus herramientas, pensados para leerse antes de actuar.
Lo que Claude cambia (28)
28 herramientasVeintiocho herramientas que pueden modificar tu web, casi todas también leen. Ninguna fuente les asocia una confirmación: se aplica la regla general de más abajo.
asset_tool
Aprobación: ver la reglaAñade una imagen a tu biblioteca de medios desde una URL pública, durante una sesión del Designer. Cualquier otra gestión de archivos va por la herramienta de medios.
data_agent_instructions_tool
Aprobación: ver la reglaGestiona las Agent Instructions de un sitio, las reglas y habilidades que dicen a los agentes cómo trabajar en él: pueden remitir a las variables, estilos, componentes, páginas y colecciones CMS del propio sitio.
data_assets_tool
Aprobación: ver la reglaSe encarga de los archivos y carpetas del sitio: listar, organizar, actualizar, borrar, subir en dos pasos y comprimir archivos demasiado pesados.
data_cms_tool
Aprobación: ver la reglaMueve el CMS: colecciones, campos, grupos de campos y elementos, creados y actualizados como borrador; publicarlos es una acción aparte.
data_comments_tool
Aprobación: ver la reglaLee los hilos de comentarios del Designer y sus respuestas, filtrados por página, estado o fecha, busca participantes por correo y publica respuestas.
data_component_builder
Aprobación: ver la reglaInserta instancias de componentes en una página, dentro de un elemento o en el hueco de otro componente, árboles anidados incluidos.
data_component_tool
Aprobación: ver la reglaObtiene y consulta componentes, crea componentes vacíos, convierte elementos existentes en componentes e inserta o desvincula instancias.
data_element_builder
Aprobación: ver la reglaCrea elementos en una página a partir de un esquema, con hijos anidados, en una sola llamada. Es la herramienta principal detrás de una sección nueva.
data_element_tool
Aprobación: ver la reglaConsulta el árbol de elementos y lo modifica: mueve y quita elementos, edita textos, estilos, enlaces, imágenes, niveles de título y atributos.
data_enterprise_tool
Aprobación: ver la reglaGestiona los ajustes de sitio enterprise: redirecciones 301, robots.txt, archivos well-known y registros de actividad.
data_fonts_tool
Aprobación: ver la reglaGestiona las fuentes subidas: listarlas e inspeccionarlas, registrar nuevas, sustituir sus archivos, actualizar sus metadatos y quitarlas.
data_forms_tool
Aprobación: ver la reglaLee los formularios y sus esquemas, lista y recupera los envíos de todo el sitio o por formulario, y los actualiza o borra.
data_localization_tool
Aprobación: ver la reglaLocaliza contenido de páginas y componentes a idiomas secundarios. Lee el idioma principal o uno secundario, pero solo escribe en los secundarios.
data_pages_tool
Aprobación: ver la reglaLista, crea y actualiza páginas, gestiona ramas de página y sus vistas previas, y lee o escribe metadatos SEO y JSON-LD.
data_scripts_tool
Aprobación: ver la reglaRegistra, aplica, actualiza y quita scripts a nivel de sitio o de página, y edita los bloques de código de cabecera y pie.
data_sitemap_tool
Aprobación: ver la reglaLee y ajusta si las páginas estáticas y los elementos del CMS aparecen en el sitemap, uno a uno o en bloque.
data_sites_tool
Aprobación: ver la reglaLista los sitios a los que tienes acceso, devuelve el detalle de un sitio y publica un sitio en sus dominios.
data_style_tool
Aprobación: ver la reglaCrea, consulta, actualiza, renombra y quita clases y combo classes, y gestiona los modos de variables aplicados a un estilo.
data_variable_tool
Aprobación: ver la reglaCrea, actualiza, renombra y borra variables de color, fuente, número, porcentaje y tamaño, y gestiona colecciones y modos.
data_webhook_tool
Aprobación: ver la reglaLista, crea, recupera y borra los webhooks de un sitio, esos avisos que Webflow manda a otro servicio cuando pasa algo.
data_whtml_builder
Aprobación: ver la reglaInserta elementos en una página a partir de cadenas HTML y CSS: Claude convierte un fragmento de código en elementos nativos de Webflow.
designer_tool
Aprobación: ver la reglaTrabaja con el Designer abierto: lee la página, el modo, la rama, la selección y los puntos de corte, selecciona elementos, mueve el lienzo y crea carpetas de páginas.
data_interactions_tool
Aprobación: ver la reglaCrea y gestiona interacciones construidas con GSAP, con sus disparadores y líneas de tiempo, cada una en una sola llamada. Funciona sin sesión del Designer.
data_campaigns_tool
Aprobación: ver la reglaGestiona sitios de Campaign Hub, campañas, variaciones de página y su analítica. Una campaña parte de un brief en Markdown y produce una landing.
data_apps_tool
Aprobación: ver la reglaInspecciona y gestiona apps de Webflow Cloud creadas desde GitHub: entornos, metadatos de variables, despliegues, dominios personalizados y registros.
data_component_props_tool
Aprobación: ver la reglaGestiona las definiciones de props de un componente y los valores de sus instancias: crear, actualizar y quitar props, fijar o restablecer valores.
data_component_variants_tool
Aprobación: ver la reglaSe ocupa de las variantes de un componente y sus estilos propios: crear, duplicar, borrar, reordenar y renombrar variantes, y fijar ajustes por variante.
data_element_settings_tool
Aprobación: ver la reglaCubre los ajustes y vínculos de datos a nivel de elemento: los lee y los fija, averigua a qué puede vincularse un elemento y define su etiqueta o su visibilidad.
Lo que Claude te consulta antes de actuar
Por defecto, Claude se detiene y pide confirmación antes de cada acción que hace en una cuenta en nombre de alguien. Con 28 herramientas capaces de tocar una web en línea, una de ellas de publicación, conviene conservar ese ajuste.
En Team y Enterprise, los propietarios del espacio deciden si un miembro puede dejar pasar ciertas acciones sin que se le pregunte cada vez. También pueden limitar lo que un conector hace en toda la organización, por ejemplo dejar la lectura y cerrar la escritura, y nadie se salta ese ajuste desde su cuenta. Webflow añade sus propias reglas: cada agente trabaja dentro de tus roles y permisos, las Agent Instructions marcan cómo construye, y cada cambio queda en el registro de actividad del sitio.
En qué planes está disponible
Ninguna de las 819 fichas del directorio oficial muestra su disponibilidad por plan. Ese dato no se publica conector a conector en ningún sitio: es un hueco real del catálogo.
Lo publicado es la regla general: los conectores remotos están abiertos a todos los usuarios en Claude, Cowork, Claude Desktop y móvil. En Team y Enterprise, un Owner o Primary Owner abre el conector para la organización antes de que cada miembro pueda conectarse. Algunas funciones tienen sus propias condiciones del lado de Webflow, recogidas en los límites. Para el estado actual, consulta la ficha de Webflow en el directorio oficial. Solo Webflow documenta este conector.
Hasta dónde llega el conector de Webflow
Un conector no es una automatización. Claude llama a estas herramientas mientras te responde, así que nada ocurre cuando llega un formulario o un contenido del CMS se queda viejo.
Webflow lo dice claro: el servidor cubre una selección de sus API, no todas. Las fuentes se limitan a archivos subidos; los despliegues de Webflow Cloud exigen una app conectada a GitHub y nunca manejan valores secretos. La insignia de socio del directorio no es una auditoría de seguridad, y Anthropic lo dice en cada ficha: no elige las herramientas de un editor ni garantiza cómo se comportan. Para un conector cuyas fuentes oficiales se contradicen, mira el conector Claude gmail.
¿Necesitas ayuda para conectar Webflow con Claude?
Una persona lee cada mensaje.


