Recursos · Conector de Claude

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

Resumen

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.

Vocabulario

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.
Conexión

Conectar Webflow a Claude en tres pasos

  1. 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.

  2. 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.

  3. 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.

Herramientas

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

Lo que Claude lee (6)

6 herramientas

Seis 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.

Cuándo sirve
Claude se topa con un error de permisos en una colección y quiere la opinión de Webflow sobre la causa.
Ojo
responde sobre la API, no sobre tu contenido.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

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.

Cuándo sirve
saber qué páginas trajeron el tráfico del mes pasado antes de decidir qué reescribir.
Ojo
necesita el módulo opcional Analyze, del lado de Webflow.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

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.

Cuándo sirve
Claude acaba de montar una tabla de precios y quieres que compruebe la maquetación en pantalla.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

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.

Cuándo sirve
preguntas qué imágenes de portada pesan demasiado y Claude tiene que verlas primero.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

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.

Cuándo sirve
una petición toca un rincón menos habitual de Webflow y nada de lo cargado encaja.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

webflow_guide_tool

Devuelve los flujos recomendados y las buenas prácticas de Webflow para sus herramientas, pensados para leerse antes de actuar.

Cuándo sirve
antes de un trabajo grande en el CMS, Claude revisa el orden que aconseja Webflow para no tropezar con una dependencia a medio camino.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

Lo que Claude cambia (28)

28 herramientas

Veintiocho 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 regla

Añ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.

Lo que Claude pide
ninguna fuente describe una confirmación para esta herramienta; se aplica la regla general de más abajo.
Cuándo sirve
un socio te pasó el enlace de su logo.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_agent_instructions_tool

Aprobación: ver la regla

Gestiona 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.

Lo que Claude pide
no hay nada concreto documentado; guíate por la regla general.
Cuándo sirve
que todo agente respete tus variables de marca.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_assets_tool

Aprobación: ver la regla

Se encarga de los archivos y carpetas del sitio: listar, organizar, actualizar, borrar, subir en dos pasos y comprimir archivos demasiado pesados.

Lo que Claude pide
ninguna fuente dice si antes aparece una consulta; lo cubre la sección de aprobaciones.
Cuándo sirve
tus imágenes de portada pesan mucho y quieres comprimirlas a WebP o AVIF.
Ojo
incluye borrar.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_cms_tool

Aprobación: ver la regla

Mueve el CMS: colecciones, campos, grupos de campos y elementos, creados y actualizados como borrador; publicarlos es una acción aparte.

Lo que Claude pide
no está documentado para esta herramienta; se aplica la regla general.
Cuándo sirve
cuarenta artículos no tienen meta descripción y quieres un primer borrador en todos.
Ojo
no crea elementos localizados nuevos, solo actualiza los existentes.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_comments_tool

Aprobación: ver la regla

Lee los hilos de comentarios del Designer y sus respuestas, filtrados por página, estado o fecha, busca participantes por correo y publica respuestas.

Lo que Claude pide
no hay confirmación documentada; mira la regla general de más abajo.
Cuándo sirve
un cliente dejó veinte comentarios en el entorno de pruebas y quieres agruparlos y contestarlos.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_component_builder

Aprobación: ver la regla

Inserta instancias de componentes en una página, dentro de un elemento o en el hueco de otro componente, árboles anidados incluidos.

Lo que Claude pide
la fuente no dice nada aquí, así que rige la regla general de aprobaciones.
Cuándo sirve
quieres tu tarjeta de testimonio puesta tres veces en la nueva landing.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_component_tool

Aprobación: ver la regla

Obtiene y consulta componentes, crea componentes vacíos, convierte elementos existentes en componentes e inserta o desvincula instancias.

Lo que Claude pide
no está documentado; lo cubre la regla general.
Cuándo sirve
el mismo pie de página se rehízo a mano en cinco páginas y debería ser un único componente.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_element_builder

Aprobación: ver la regla

Crea 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.

Lo que Claude pide
ninguna fuente describe una confirmación; mira la regla general.
Cuándo sirve
pides un bloque de ventajas a tres columnas bajo la portada.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_element_tool

Aprobación: ver la regla

Consulta el árbol de elementos y lo modifica: mueve y quita elementos, edita textos, estilos, enlaces, imágenes, niveles de título y atributos.

Lo que Claude pide
no hay nada concreto documentado; guíate por la regla general.
Cuándo sirve
todos los títulos de tercer nivel de una página deben subir un nivel y nadie quiere ir uno por uno.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_enterprise_tool

Aprobación: ver la regla

Gestiona los ajustes de sitio enterprise: redirecciones 301, robots.txt, archivos well-known y registros de actividad.

Lo que Claude pide
no hay confirmación documentada para esta herramienta; se aplica la regla general.
Cuándo sirve
reorganizaste el blog y hay que redirigir las URL antiguas.
Ojo
un robots.txt mal puesto puede esconder la web a los buscadores.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_fonts_tool

Aprobación: ver la regla

Gestiona las fuentes subidas: listarlas e inspeccionarlas, registrar nuevas, sustituir sus archivos, actualizar sus metadatos y quitarlas.

Lo que Claude pide
no está documentado aquí; mira la regla general de más abajo.
Cuándo sirve
tu marca cambió de tipografía y los archivos antiguos sobran.
Ojo
Google Fonts y Adobe siguen en los ajustes del sitio.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_forms_tool

Aprobación: ver la regla

Lee los formularios y sus esquemas, lista y recupera los envíos de todo el sitio o por formulario, y los actualiza o borra.

Lo que Claude pide
ninguna fuente describe una confirmación; lo cubre la sección de aprobaciones.
Cuándo sirve
quieres las solicitudes de contacto de la semana agrupadas por tema.
Ojo
borrar un envío entra en su alcance.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_localization_tool

Aprobación: ver la regla

Localiza contenido de páginas y componentes a idiomas secundarios. Lee el idioma principal o uno secundario, pero solo escribe en los secundarios.

Lo que Claude pide
no hay nada documentado; se aplica la regla general.
Cuándo sirve
tus páginas en español esperan su versión en inglés.
Ojo
nada de elementos CMS localizados nuevos.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_pages_tool

Aprobación: ver la regla

Lista, crea y actualiza páginas, gestiona ramas de página y sus vistas previas, y lee o escribe metadatos SEO y JSON-LD.

Lo que Claude pide
no se describe ninguna confirmación; mira la regla general de más abajo.
Cuándo sirve
diez landings comparten el mismo meta title perezoso.
Ojo
las ramas de página dependen de tu oferta de Webflow.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_scripts_tool

Aprobación: ver la regla

Registra, aplica, actualiza y quita scripts a nivel de sitio o de página, y edita los bloques de código de cabecera y pie.

Lo que Claude pide
no está documentado para esta herramienta; lo cubre la regla general.
Cuándo sirve
añadir un aviso de cookies en todas las páginas.
Ojo
un script roto puede afectar a toda la web.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_sites_tool

Aprobación: ver la regla

Lista los sitios a los que tienes acceso, devuelve el detalle de un sitio y publica un sitio en sus dominios.

Lo que Claude pide
no hay nada concreto documentado; guíate por la regla general.
Cuándo sirve
las correcciones están hechas y quieres la web en línea.
Ojo
es el paso que hace visibles los cambios en tus dominios en línea.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_variable_tool

Aprobación: ver la regla

Crea, actualiza, renombra y borra variables de color, fuente, número, porcentaje y tamaño, y gestiona colecciones y modos.

Lo que Claude pide
no hay confirmación documentada; mira la regla general.
Cuándo sirve
los colores y espaciados fijos deben pasar a ser variables que cambias en un solo sitio.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_webhook_tool

Aprobación: ver la regla

Lista, crea, recupera y borra los webhooks de un sitio, esos avisos que Webflow manda a otro servicio cuando pasa algo.

Lo que Claude pide
la fuente no dice nada sobre confirmación; se aplica la regla general.
Cuándo sirve
quieres ver qué webhooks antiguos siguen saltando tras cambiar de herramienta.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_whtml_builder

Aprobación: ver la regla

Inserta elementos en una página a partir de cadenas HTML y CSS: Claude convierte un fragmento de código en elementos nativos de Webflow.

Lo que Claude pide
no está documentado para esta herramienta; mira la regla general de más abajo.
Cuándo sirve
un desarrollador te pasó un bloque de precios en HTML y lo quieres en el Designer.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

designer_tool

Aprobación: ver la regla

Trabaja 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.

Lo que Claude pide
ninguna fuente describe una confirmación; se aplica la regla general.
Cuándo sirve
seleccionas una sección y pides a Claude que cambie el estilo de esa.
Ojo
trabaja sobre la sesión del Designer en vivo, así que el Designer tiene que estar abierto.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_interactions_tool

Aprobación: ver la regla

Crea 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.

Lo que Claude pide
no hay nada documentado aquí; guíate por la regla general.
Cuándo sirve
quieres que las tarjetas aparezcan con un fundido al hacer scroll.
Ojo
las interacciones Classic le resultan invisibles.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_campaigns_tool

Aprobación: ver la regla

Gestiona 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.

Lo que Claude pide
no hay confirmación documentada; mira la regla general.
Cuándo sirve
sacar tres versiones personalizadas de una página de lanzamiento.
Ojo
solo para sitios en Early Access.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_apps_tool

Aprobación: ver la regla

Inspecciona y gestiona apps de Webflow Cloud creadas desde GitHub: entornos, metadatos de variables, despliegues, dominios personalizados y registros.

Lo que Claude pide
no está documentado para esta herramienta; se aplica la regla general.
Cuándo sirve
falló un despliegue y quieres entender su registro de build.
Ojo
los valores secretos nunca pasan por aquí.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_component_props_tool

Aprobación: ver la regla

Gestiona las definiciones de props de un componente y los valores de sus instancias: crear, actualizar y quitar props, fijar o restablecer valores.

Lo que Claude pide
ninguna fuente dice si aparece una consulta; lo cubre la sección de aprobaciones.
Cuándo sirve
tu tarjeta necesita un texto de insignia opcional.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_component_variants_tool

Aprobación: ver la regla

Se ocupa de las variantes de un componente y sus estilos propios: crear, duplicar, borrar, reordenar y renombrar variantes, y fijar ajustes por variante.

Lo que Claude pide
no hay nada concreto documentado; se aplica la regla general.
Cuándo sirve
tu botón necesita una variante oscura para el pie de página.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

data_element_settings_tool

Aprobación: ver la regla

Cubre 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 pide
no se describe ninguna confirmación; mira la regla general de más abajo.
Cuándo sirve
un bloque de texto debería mostrar el autor desde el CMS en vez de un texto fijo.

Fuentedevelopers.webflow.com · 30 de septiembre de 2026 ↗

Aprobaciones

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.

Planes

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.

Límites

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?

¿Necesitas ayuda para conectar Webflow con Claude?

Una persona lee cada mensaje.

FAQ

Preguntas sobre el conector Claude Webflow

01¿Qué puede hacer Claude con el conector de Webflow?
Claude puede diseñar, llenar y mantener una web de Webflow desde la conversación. Sus 34 herramientas cubren construir elementos y componentes, estilos y variables, el CMS, páginas y SEO, sitemap, formularios, medios, fuentes, código personalizado, redirecciones, interacciones, localización, comentarios, apps de Webflow Cloud, campañas y publicación. Seis herramientas solo leen, entre ellas la analítica y las capturas de elementos. Webflow etiqueta cada herramienta como de lectura, escritura o ambas. Una sola petición puede combinar varias.
02¿Puede Claude publicar o borrar cosas en mi web de Webflow?
Sí. La herramienta de sitios puede publicar una web en sus dominios, y varias herramientas incluyen el borrado: medios, envíos de formularios, estilos, variables, webhooks y variantes de componente, entre otras. Webflow marca 28 de las 34 herramientas como capaces de escribir. Lo que Claude no puede hacer es cambiar ajustes de acceso, añadir usuarios o asignar roles, y nunca va más allá de lo que tu propio rol en Webflow permite.
03¿Claude pregunta antes de cambiar mi web de Webflow?
Por defecto, sí: Claude pide confirmación antes de cada acción que hace en una cuenta en nombre de alguien. Ninguna fuente describe una confirmación propia de una herramienta de Webflow, así que ese ajuste por defecto cubre construir, editar y publicar. En Team y Enterprise, los propietarios deciden si un miembro puede saltarse ciertas confirmaciones, y pueden bloquear la escritura para todos. Webflow anota además cada cambio de un agente en el registro de actividad del sitio.
04¿En qué planes está disponible el conector de Webflow?
Ninguna fuente oficial publica la disponibilidad por plan conector a conector, y ninguna de las 819 fichas del directorio la muestra. La regla general es que los conectores remotos están abiertos a todos los usuarios en Claude, Cowork, Claude Desktop y móvil, y que en Team y Enterprise un Owner o Primary Owner los activa antes. Algunas funciones de Webflow tienen sus propias condiciones del lado de Webflow. La ficha del directorio muestra el estado actual para tu cuenta.
05¿Llega Claude a todos los sitios de mi cuenta de Webflow?
No. Claude solo llega a los sitios que seleccionas en la pantalla de autorización de Webflow, dentro de un único espacio de trabajo por autorización, y solo los propietarios y administradores de un sitio pueden autorizarlo. En esos sitios, Claude trabaja con tu rol de Webflow y nada más. Para pasar a otro espacio, quitas y reinstalas el conector. En Team o Enterprise, un propietario de Claude puede además restringir el conector para toda la organización, sin que un miembro lo levante.
06¿Por qué Claude no ve las interacciones de mi web?
Lo más probable es que tu sitio siga usando interacciones Classic. El servidor de Webflow solo crea y edita interacciones construidas con GSAP, así que las Classic quedan fuera de alcance. La propia herramienta de interacciones funciona sin sesión del Designer, de modo que tenerlo cerrado no es el problema. Subir una imagen por URL y las herramientas del Designer en vivo, en cambio, sí necesitan una sesión abierta. Si tu sitio mezcla los dos tipos, solo las interacciones GSAP están a su alcance.
07¿Claude o una herramienta de automatización para Webflow?
No hacen el mismo trabajo. Claude con este conector sirve para construir y mantener a demanda: una sección nueva, una limpieza del CMS, una pasada de SEO, una publicación cuando tú lo decides. Se para cuando se para la conversación. Si quieres que se cree un elemento del CMS cada vez que se envía un formulario, o que el contenido se sincronice cada noche desde otra app, eso corresponde a una herramienta de automatización que reacciona a eventos. Las dos pueden trabajar sobre la misma web.