Extensiones esenciales de Chrome para Webflow (actualización 2026)

En Milk Moon Studio nos especializamos en diseño web y en dar vida a esos diseños en Webflow, pero como somos un pequeño estudio de Webflow, intentamos que la vida nos resulte lo más sencilla posible (mira Potato más abajo, qué sencillez). Con ese fin, a lo largo de los años hemos usado varias extensiones de Chrome para Webflow con las que optimizar nuestros flujos de trabajo. Como además intentamos aportar nuestro granito de arena a la comunidad cuando podemos (échale un vistazo a nuestros tutoriales), hemos preparado un repaso de algunas de las extensiones de Webflow que hemos usado. Esperamos que disfrutes de la lista y que alguna te ahorre tiempo. 

Actualización, septiembre de 2026: hemos revisado de nuevo cada extensión de abajo en su página de la Chrome Web Store. La mayoría siguen funcionando, pero la extensión de Finsweet ha cambiado mucho (casi todo vive ahora en una app nativa de Webflow), Modkit ha sido retirada y algunas listas de funciones han cambiado. En cada sección hemos marcado lo que ha cambiado. Si además buscas una caja de herramientas más amplia, nuestro artículo sobre herramientas gratuitas y de pago para pequeñas agencias de diseño y freelancers va más allá de las extensiones de navegador.

Finsweet Extension for Webflow

Empezamos con la madre de todas las extensiones: LA DE FINSWEET. De entre los partners de Webflow, este equipo es probablemente el que más ha hecho por la comunidad. Crearon el enfoque Client-First, y aquí puedes leer más sobre el camino de Milk Moon con Client-First, pero aparte de eso, han aportado un montón de cosas para el usuario de a pie. La extensión de Finsweet te da acceso a todas sus soluciones de attributes, como la paginación fluida y los sliders de CMS, además de cosas como reordenar estilos y muestras de color, desvincular listas de colecciones del CMS, redimensionar el canvas en vertical y, por supuesto, Client-First. Todos los cambios importantes crean además una copia de seguridad por si algo se rompe, así que sí, esta es imprescindible. Nuestra función favorita es la de las carpetas: si usas Client-First, es genial. ¿Quieres cambiar el nombre de una sección o de un componente entero? Ella lo hace. 

Actualización, septiembre de 2026: Finsweet ha trasladado la mayoría de estas funciones a una app nativa de Webflow, la Finsweet Extension app. La ficha de la Chrome Web Store dice ahora: “Most features are now in our new native Webflow App. Only site settings remain in this Chrome Extension due to Webflow API limits.” (es decir, que la mayoría de las funciones están ahora en su nueva app nativa de Webflow y que, por los límites de la API de Webflow, en la extensión de Chrome solo quedan los ajustes del sitio). Así que instala primero la app y quédate con la extensión de Chrome para los ajustes del sitio. La app menciona cosas como carpetas de clases, fusión de combo classes, eliminación de estilos duplicados, desvinculación de colecciones del CMS, un exportador de assets y una migración de PX a REM. La descripción de arriba es cómo funcionaba la extensión cuando escribimos este artículo, así que comprueba que la función concreta que necesitas sigue ahí. Si eres nuevo en Client-First, nuestro artículo sobre la guía de estilo Acme de Webflow es un buen punto de partida. 

Funciones (como eran)

• Redirecciones masivas
• Ordenar y editar estilos
• Finsweet Attributes
• Client-First
• Y mucho más, demasiado para enumerarlo, solo tienes que instalarla

Añade Finsweet en la Chrome Web Store

F'in sweet Scrollbar Styler for Webflow

Seremos breves, es otra de Finsweet. Esta extensión te permite dar estilo a las barras de desplazamiento de forma visual, directamente en Webflow, y añadir el CSS al proyecto. No se actualiza desde 2022, pero sigue en la tienda y sigue haciendo su único trabajo.

Añade F'in sweet Scrollbar en la Chrome Web Store

Relume Chrome Extension for Webflow

Esta es genial si estás empezando con Webflow y, bueno, necesitas un punto de partida. Tienes más de 1000 componentes ya preparados y, para los usuarios más avanzados de Webflow, puedes guardar y compartir los componentes que has creado en una biblioteca privada. No sabemos cómo explicar lo útil que resulta cuando trabajas con un equipo más grande o necesitas compartir componentes con clientes. 

Sin embargo, la joya escondida es Class Sync. ¿Alguna vez has copiado algo de un proyecto a otro y te has encontrado con un montón de clases nuevas, Button1, Button2, etc.? Class Sync te permite pegar el contenido y, zas, se acabaron las clases duplicadas. Si lo que pegas contiene una clase duplicada, simplemente usará esa clase en el proyecto actual en el que estás pegando; eso sí, recuerda activarlo antes de pegar en el proyecto. La ficha de la Chrome Web Store (actualizada en julio de 2026) sigue mostrando todo esto, incluida la biblioteca privada que puedes compartir con clientes y con tu equipo. Si prefieres partir de un proyecto entero en lugar de un solo componente, nuestros Webflow cloneables son otro sitio donde conseguir un punto de partida.

Funciones

• Más de 1000 componentes y diseños de página
• Class Sync para evitar clases duplicadas
• Convierte SVG en elementos HTML incrustables
• Crea tus propios componentes y guárdalos en una biblioteca privada desde la que puedes compartirlos.

Añade Relume en la Chrome Web Store

Potato Extension for Webflow

De entrada casi ni la notarás, pero tiene una función estupenda. Escribe un valor en píxeles en un campo del Designer de Webflow, pulsa la barra espaciadora y el valor en píxeles se convierte a REM, con REM seleccionado como valor en el Designer. Es de gran ayuda para quienes intentan crear sitios más responsive en Webflow. Sobre todo si trabajas a partir de un diseño que está en px por defecto, como Figma (aunque el Dev Mode de Figma ya permite valores en REM, así que ya ves). Webflow ya incluye REM en el desplegable de unidades, pero sigue usando px por defecto, así que esta extensión es genial y a la larga te ahorrará toneladas de tiempo. Se actualizó por última vez en agosto de 2026, así que está claro que la siguen cuidando.

Funciones

• Convierte px a rem y establece el valor en rem.
• Copia el código de incrustación HTML de un SVG desde el Asset Panel.
• Optimiza problemas de CLS en Google PageSpeed fijando con un clic la altura en línea de las imágenes.
• Añade texto alternativo a partir del nombre del archivo de imagen en el Asset Panel (no aparece en la descripción actual de la tienda, así que comprueba que sigue ahí).
• Usa IA para el texto alternativo de las imágenes (tampoco aparece en la descripción actual de la tienda).
• Class Name Helper, para ayudarte a nombrar las clases más rápido.
• Convierte a EM además de a REM y conserva el ancho de escritorio al volver (ambas son novedades de la ficha actual de la tienda).

Añade Potato for Webflow en la Chrome Web Store

Flowbase Chrome Extension

Flowbase añade otra biblioteca de componentes y algunas herramientas más parecidas a las que ofrece Finsweet, como reordenar, etc. También tiene una amplia biblioteca de SVG y un importador de muestras de color de Figma. La ficha actual de la tienda habla de más de 3500 componentes, miles de iconos SVG y un sistema de wireframes, pero ya no menciona el importador de muestras, así que compruébalo antes de depender de él.

Funciones

• Biblioteca de componentes (más de 3500 componentes en la ficha actual)
• Biblioteca de SVG
• Sistema de wireframes
• Importador de colores de Figma a Webflow
• Algunas otras herramientas útiles

Añade Flowbase en la Chrome Web Store

Modkit for Webflow

Actualización, septiembre de 2026: Modkit ya no está disponible. La página de la Chrome Web Store aparece vacía y Extpose la registra como retirada el 15 de septiembre de 2025, así que no busques el enlace de instalación. Hemos dejado la reseña aquí como constancia de lo que hacía. AidKit (más abajo) tiene un indicador de breakpoint activo por si echas de menos el aviso.

Creada por Jetboost, la extensión pretendía sobre todo añadir algunas mejoras de calidad de vida, como avisarte de que quizá estás editando el breakpoint equivocado, para que no tengas que volver a escritorio y rehacer lo que acabas de hacer. También te avisaba de que el elemento en el que estás trabajando afecta a más de un elemento, algo genial si retomas el trabajo donde lo dejó otra persona y no siempre sabes qué ha hecho exactamente ni dónde. Nos gustaba especialmente porque te daba un editor de código mucho más grande. 

Funciones

• Maximizar el editor de código
• Posibilidad de mover las breadcrumbs a la parte superior del Designer
• Alertas cuando hay varios elementos afectados
• Alertas al editar en un breakpoint que no es el de escritorio

Añade Modkit en la Chrome Web Store (ya no está disponible, así que sin enlace)

Webflow Collection Reorder

Esta extensión hace lo que dice: reordena los elementos de una lista de colección en el Designer. Simplemente crea en la colección un campo numérico llamado exactamente “Sort Order”, pulsa el nuevo botón Sort de la página de la colección y luego arrastra y suelta los elementos del CMS para reordenarlos. Guarda el nuevo orden en ese campo, así que asegúrate de que tu lista de colección está ordenada por Sort Order. Eso sí, ten en cuenta que se actualizó por última vez en enero de 2023.
No vamos a mentir, no hemos probado esta extensión, pero puede ahorrarte tiempo, sobre todo con tus clientes.

Añade Webflow Collection Reorder en la Chrome Web Store

Webflow Checker

Hay un montón de extensiones que te dicen con qué tecnología está hecho un sitio. Esta lo deja simple: ¿quieres saber si el sitio está hecho en Webflow, sí o no? Así de fácil. El icono se queda gris y se pone azul con una marca de verificación verde en los sitios de Webflow.

Añade Webflow Checker en la Chrome Web Store

AidKit for Webflow

AidKit es otra extensión de calidad de vida para Webflow que ofrece cosas como contadores de caracteres en los campos de meta y te indica si le parecen demasiado largos o demasiado cortos. Es un pequeño ayudante muy útil.

Funciones

• Añade un contador de caracteres a los campos de texto
• Añade el ‘estado’ de las meta descriptions
• Limita la longitud de la meta description a 160 caracteres
• Indicador de breakpoint activo, para que notes cuándo no estás en el breakpoint base
• Botones de deshacer y rehacer donde Webflow los ponía antes

Añade AidKit en la Chrome Web Store

Y eso, como suele decirse, es lo esencial sobre las mejores extensiones de Webflow para Chrome. Hemos rastreado la web todo lo que hemos podido para encontrar las mejores, y hay otras, como CopyCat, pero algunas son en esencia productos completos por derecho propio que solo usan una extensión para meter o sacar algo de Webflow. Pero si se nos ha escapado alguna que uses, deja el nombre y un enlace en un comentario y la añadiremos a la lista. Mejor aún, cuéntanos por qué te encanta y cómo te ha ayudado a convertirte en un experto en Webflow. 

Como apunte final, en realidad no usamos Chrome, nos pasamos a Arc, y sí, está basado en Chromium y puede ejecutar todas estas extensiones con solo añadirlas desde la Chrome Web Store. Hablamos de Arc hace un tiempo y puedes encontrarlo aquí.

Actualización, septiembre de 2026: Arc está en modo de mantenimiento desde mayo de 2025, lo que significa correcciones de seguridad pero ninguna función nueva, y The Browser Company ha pasado a Dia (Atlassian compró la empresa a finales de 2025). Sigue ejecutando todas estas extensiones, pero sopésalo antes de dar el salto.

Extensiones de Chrome para Webflow: respuestas rápidas

¿Cuál es la mejor extensión de Chrome para Webflow?

No hay una sola, depende del trabajo. Para la mayoría de la gente empezaríamos con Relume para componentes y Class Sync, Potato para pasar de px a REM y la Finsweet Extension app para carpetas de clases y limpieza. AidKit es un buen extra para controlar la longitud de las meta descriptions.

¿Sigue funcionando la extensión de Chrome de Finsweet?

Sí, pero en versión reducida. Finsweet dice que la mayoría de las funciones están ahora en su app nativa de Webflow y que en la extensión de Chrome solo quedan los ajustes del sitio.

¿Cómo compruebo si un sitio está hecho en Webflow?

Instala la extensión Webflow Checker. Su icono es gris en la mayoría de los sitios y se vuelve azul con una marca de verificación verde cuando la página está hecha en Webflow.

¿Puedo usar estas extensiones en un navegador que no sea Chrome?

Sí, si está basado en Chromium. Nosotros las usamos en Arc añadiéndolas desde la Chrome Web Store, más sobre eso arriba.