Herramientas Webflow y Figma
Acelera el flujo de Figma a Webflow: iconos, código, nombres de clases y contenido listos para pegar.
localHTML y CSS a WebflowPega el HTML y su CSS, haz clic en Copiar a Webflow y pega en el Designer: obtendrás Div Blocks, Headings,…localSVG a WebflowPega un SVG desde Figma y cópialo a Webflow como Custom Elements reales: cada <svg>, <path> y <g> se…localMarkdown a Webflow Rich TextPega Markdown, revisa la vista previa y cópialo como texto con formato: títulos, listas, enlaces y…localGenerador de nombres de claseDescribe una sección con tus propias palabras, por ejemplo “hero con eslogan, título, dos botones y una…localFigma CSS a WebflowConvierte la salida de “Copy as CSS” de Figma en valores ordenados que puedes escribir directamente en el…localGenerador de escala tipográficaElige un tamaño de fuente base y una razón (Tercera menor, Tercera mayor, Cuarta justa, Razón áurea) y…localGenerador de Botones CSSDiseña un botón que se vea bien en todos los estados. Empieza con un preset (sólido, contorno, fantasma,…localVisor HTMLPega HTML (y CSS o JavaScript si lo tienes) para ver cómo se renderiza: al instante, en un marco aislado y…localGenerador de banner de cookiesAñade un banner de cookies a cualquier web — Webflow, WordPress, Shopify o HTML puro — sin plugin de pago.…localGenerador de código embed de vídeoPega un enlace de vídeo de YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive o…localGenerador de código embed de YouTubePega cualquier enlace de YouTube (un vídeo, un Short o una lista de reproducción) y obtén código embed…localGenerador de código embed de VimeoPega un enlace de Vimeo, público o no listado (con su hash de privacidad), y obtén un embed responsive con…localGenerador de código embed de LoomPega un enlace para compartir de Loom y obtén un embed responsivo para tu web, centro de ayuda,…localGenerador de Embed de Google MapsMuestra tu oficina, tienda o evento en un mapa de Google sin registrarte para obtener una API key. Escribe…localGenerador de cuenta atrásCrea un temporizador de cuenta atrás para un lanzamiento, una oferta, un webinar o un evento e insértalo…localBuscador de iconos SVGBusca entre más de 70 000 iconos SVG de código abierto: Lucide, Tabler, Heroicons, Phosphor, Bootstrap,…localMapeador de Redirecciones¿Vas a migrar o rediseñar tu sitio? Pega —o carga desde los sitemaps— las URLs antiguas y nuevas, y el…localRedirecciones de WordPress a WebflowMigrar un sitio de WordPress a Webflow cambia casi todas las URLs: rutas de blog con fecha, archivos…localGenerador de Google TagIntroduce tu ID de medición de GA4, tu ID de Google Ads o tu ID de contenedor de Tag Manager y obtén…localGenerador de snippet de GTMIntroduce tu ID de contenedor de GTM y obtén el código de instalación de Google Tag Manager para el <head>…localGenerador de Script de Seguimiento de EventosRastrea clics en botones, enlaces y envíos de formularios añadiendo atributos en lugar de código:…localComprobador de erratas en clases CSSPega HTML o introduce una URL para auditar todos los nombres de clase: detecta erratas como hero_heding,…localWebflow Clipboard BridgeWebflow guarda los elementos en el portapapeles con un formato especial que no viaja entre navegadores…localEditor de componentes de WebflowMueve secciones y componentes entre proyectos de Webflow y modifícalos por el camino. Copia elementos en…localHTML a Webflow Rich TextPega HTML desordenado, de un sitio antiguo, una exportación de WordPress, Google Docs o Word, y obtén un…localOptimizador de Lottie JSONHaz que las animaciones Lottie carguen más rápido en Webflow y en cualquier web eliminando los datos que…
¿Te falta una herramienta de Webflow?
Cuéntanos qué necesitas: creamos primero las herramientas más pedidas, gratis.