En los últimos meses, hemos lanzado una serie de funciones pequeñas pero impactantes, desde actualizaciones del Designer hasta mejoras en el CMS, que ayudan a nuestra comunidad de freelancers, agencias y empresas a crecer con Webflow.
Hace poco presentamos nuestra transmisión en vivo de actualizaciones pequeñas pero poderosas —la primera de una serie en la que cubriremos pequeñas mejoras de UX que tienen un gran impacto en cómo diseñas en Webflow cada día.
Por si te lo perdiste, esto es lo que cubrimos:
- Cómo pensamos en la creación de nuestro producto
- 23 lanzamientos recientes
- Un adelanto de lo que viene pronto
En la transmisión, JZ, vicepresidente sénior de producto de Webflow, describió las tres áreas de enfoque de nuestro equipo: incorporar los comentarios de la comunidad para priorizar las inversiones, tomar decisiones estratégicas para centrarnos en nuestras fortalezas principales y avanzar en lo que sigue con la IA de Webflow.
Primero, estamos haciendo ajustes importantes en nuestro proceso para captar más comentarios de la comunidad, de modo que podamos construir junto a ella y no solo lanzar funciones más a menudo, sino también aquellas que entusiasman a los usuarios. Para asegurar que lanzamos lo correcto con el nivel de fidelidad adecuado, estamos revisando nuestros programas beta para colaborar antes con nuestra comunidad en las pruebas, con el objetivo de lograr lanzamientos más rápidos y frecuentes.
Para equilibrar la velocidad y satisfacer las mayores necesidades de nuestros clientes, tenemos la intención de tomar decisiones estratégicas para centrarnos en nuestras fortalezas. Esto significa redoblar esfuerzos en la expansión de la experiencia principal del Webflow Designer, incluyendo el soporte multilingüe y las próximas mejoras potentes en diseños, permisos de usuario, flujo de trabajo de edición y controles dinámicos. Priorizar lo que tendrá el mayor impacto para nuestros usuarios ha significado decir que no a invertir recursos en otros proyectos y funciones.
Un cambio en la forma en que invertimos nuestros recursos abre espacio para nuestra tercera área de enfoque: la IA de Webflow. En los próximos meses, verás la IA integrada directamente en el Webflow Designer de dos formas importantes: ayudándote a aprender mediante recomendaciones personalizadas mientras diseñas y facilitándote el trabajo rápido con un asistente de IA.
Actualizaciones pequeñas pero poderosas
Ahora, sumerjámonos en 23 de las actualizaciones recientes que hemos lanzado para mejorar tu forma de trabajar en Webflow:
- Eliminarte de un Workspace: Buenas noticias para quienes trabajan con varios clientes: ahora puedes eliminarte de un Workspace cuando un proyecto termina (incluso si eres invitado).
- Búsqueda/vista previa de muestras de color: Puedes buscar y seleccionar rápidamente una muestra de color directamente desde la entrada de color en el panel de estilos. Esto facilita encontrar y seleccionar colores al mostrar una lista desplegable de muestras junto con su color y nombre correspondientes. También verás una vista previa de los cambios de color en tiempo real en el lienzo al pasar el cursor sobre las muestras.
- Estilo de trazo de texto: Con el estilo de trazo de texto, puedes añadir fácilmente un contorno o borde a tu texto, lo que permite mayor libertad creativa y flexibilidad en tus diseños. Esta actualización también ayuda a agilizar el proceso de diseño al reducir la necesidad de código personalizado o plugins de terceros, facilitando la creación y gestión de tus diseños dentro de la plataforma Webflow.
- Unidades de ventana gráfica dinámicas CSS: Las nuevas unidades de ancho y alto de ventana gráfica CSS (pequeña, grande y dinámica) te brindan flexibilidad adicional al diseñar sitios web para visitantes que usan navegadores móviles e interactúan con barras de herramientas dinámicas. Estas nuevas unidades CSS te permitirán asegurar que los elementos fijos no queden cortados por una barra de herramientas en dispositivos móviles.
- Soporte para dotLottie: El nuevo soporte para archivos dotLottie te permite añadir animaciones de After Effects directamente en Webflow con tamaños de archivo más pequeños y tiempos de carga más rápidos. Y con las interacciones de Webflow, puedes vincular estas animaciones a activadores potentes como la carga de página, el desplazamiento y hasta el movimiento del ratón.
- Datos del CMS en bloques HTML personalizados: Ahora puedes vincular campos de datos del CMS o propiedades de componentes a atributos personalizados o IDs de elementos.
- Las secciones ahora son secciones: El elemento de sección de Webflow es ahora un elemento HTML section, lo que hace que tus sitios sean más accesibles y amigables para el SEO.
- Envolver elementos en bloques div: Presentamos nuevos atajos de teclado y opciones en el menú contextual del lienzo para envolver un elemento en un bloque div o de enlace, agilizando un flujo de trabajo común entre diseñadores.
- Mejoras en fuentes variables: Introdujimos varias actualizaciones en fuentes variables enfocadas en ampliar la funcionalidad y la experiencia del usuario. Las actualizaciones incluyen control total de variaciones en Interacciones, capacidad para identificar rápidamente fuentes variables frente a estáticas, acceso más sencillo a los controles de variación, configuración más rápida de variaciones y acceso más fácil a fuentes personalizadas.
- Componentes en Listas de Colección: Ahora que puedes añadir componentes a Listas de Colección y conectar datos a las propiedades de tus componentes, puedes reutilizar patrones de diseño comunes que hayas convertido en componentes, manteniendo esos diseños sincronizados con todas las demás instancias del componente en todo el sitio web.
- Actualización de la integración con Google Analytics: Hemos actualizado esta integración para ayudar a preparar a los usuarios de Webflow para el cambio a Google Analytics 4. La integración ahora se encuentra en la configuración del sitio y se te pedirá que reemplaces tu ID de medición existente por un ID de Google Analytics 4.
- Ajuste de línea en código personalizado en la configuración de página: El código personalizado añadido a cualquier página es ahora más legible con el ajuste de línea activado por defecto.
- Mejoras en el rendimiento del Editor: Basándonos en las mejoras fundamentales de nuestra infraestructura CMS del año pasado, las mismas mejoras de rendimiento que llegaron al Diseñador se han implementado ahora en el Editor.
- Mejoras en el rendimiento del Diseñador: Las actualizaciones y optimizaciones recientes hacen que trabajar en el Diseñador sea más rápido, acelerando tareas como abrir el Diseñador, cargar tu proyecto, cambiar entre páginas, trabajar con diseños de cuadrícula y trabajar en el panel de Páginas.
- Mejoras en el plugin de Figma: Esta versión ofrece opciones para compartir estilos entre capas de Figma y clases de Webflow sin duplicar clases.
- Elige la URL de tu perfil de Espacio de trabajo: Las URL de perfil tienen un formato más optimizado, webflow.com/@{handle}, y ahora tienes control directo sobre la URL de tu perfil de Espacio de trabajo.
- Staging privado (Enterprise): El staging privado te permite restringir el acceso solo a usuarios registrados que formen parte de tu Espacio de trabajo, para que tu equipo pueda revisar los cambios del sitio de forma privada y segura antes de lanzarlos públicamente.
- Mejoras en SSO (Enterprise): El soporte para SSO ahora se extiende a equipos con múltiples Espacios de trabajo y múltiples dominios de correo electrónico, así como a la autenticación a nivel de Espacio de trabajo.
- Filtros del registro de actividad del sitio: No solo puedes rastrear los cambios realizados en el sitio (qué cambio se hizo, quién lo hizo, cuándo se hizo), sino que los nuevos filtros te permiten filtrar por tipo de actividad o autor.
- Establecer Espacio de trabajo predeterminado: Otra actualización para mejorar la experiencia de quienes trabajan en múltiples proyectos: ahora puedes especificar el Espacio de trabajo predeterminado que quieres ver al abrir el panel. También hemos facilitado el cambio entre Espacios de trabajo, colocando tu Espacio de trabajo predeterminado en la parte superior del menú desplegable y ordenando los demás alfabéticamente.
- Soporte para animaciones personalizadas en ramificaciones de página (Enterprise): Ahora admitimos la capacidad de usar animaciones personalizadas existentes y crear nuevas animaciones personalizadas en una rama
- Mejoras en la ramificación de páginas (Enterprise): Los clientes Enterprise pueden aprovechar las mejoras en la ramificación de páginas, incluida la capacidad de modificar clases y configuraciones de página en las ramas, revisar y resolver conflictos de clases entre una rama y el sitio principal, rastrear la actividad de la rama en el Registro de actividad del sitio y crear interacciones con animaciones preconfiguradas
- Añadir colecciones a carpetas/desactivar publicación para colecciones: Las mejoras en el CMS apoyan el SEO al darte más control sobre las URL mediante la anidación de páginas de Colección dentro de carpetas. Ahora también puedes desactivar la publicación a nivel de cada Colección y crear Colecciones rápidamente duplicando los campos de una existente.
Hacia dónde vamos
Y esto es solo el comienzo. Aquí tienes un adelanto de algunas mejoras emocionantes en nuestra hoja de ruta para los próximos meses.
Primero, la Búsqueda con IA entrará en fase beta privada esta semana. Con la Búsqueda con IA, podrás buscar y encontrar contenido educativo de Webflow University directamente en el Diseñador de Webflow mientras trabajas.
A medida que diseñas y construyes en Webflow, el Asistente de IA te ayudará a dar vida a tus ideas más rápido. Al aprovechar el poder de la IA directamente en el Diseñador de Webflow, podrás hacer cosas como generar automáticamente etiquetas alt de imágenes para mejorar la accesibilidad y generar código en el editor de Código personalizado basándote en una instrucción. El Asistente de IA estará en fase beta privada en las próximas semanas.
Devlink ya está en fase beta pública. Con Devlink, puedes agilizar el proceso de diseño a desarrollo creando y sincronizando componentes de Webflow con cualquier proyecto de React, incluyendo aplicaciones web, productos digitales y más.
También estamos redoblando nuestra apuesta por la colaboración y creando una forma de centralizar los comentarios en el Designer. Sabemos que, tanto si eres una agencia pequeña como una gran empresa, recibir y gestionar el feedback es clave para crear un sitio web. Por eso, lo hacemos más fácil con los comentarios en Webflow. A finales de este mes, estarán disponibles para que puedas compartir, revisar y resolver comentarios directamente en el Designer.
Nuestro equipo también ha avanzado mucho en las funciones de localización de Webflow. De hecho, en las próximas semanas compartiremos más detalles sobre lo que estamos preparando y cuándo llegará la primera versión.
Por último, nuestra próxima integración con Spline hará que sea aún más sencillo crear diseños en 3D y experimentar con componentes interactivos en Webflow.
Con todas estas pequeñas pero potentes actualizaciones, nos comprometemos a ofrecer la mejor experiencia en Webflow a todos nuestros usuarios. Muchas gracias a nuestra comunidad por compartir sus opiniones y por defender Webflow ante sus equipos, clientes y empresas. Queda mucho por venir, así que no pierdas de vista las novedades que lanzaremos este verano. Suscríbete a nuestro canal de YouTube para no perderte nada y consulta todas nuestras actualizaciones aquí.
Reinventando los equipos de desarrollo web
Descubre en nuestro ebook cómo el desarrollo visual facilita la colaboración entre equipos y libera valiosos recursos de programación.
