→
↗
►
↓
←
↑
Todas las actualizaciones

Update

Diseño y maquetación

Interfaz de flexbox actualizada

Hemos hecho algunos ajustes en la interfaz de flexbox del panel de Estilos para que usar flexbox sea más sencillo e intuitivo.

Interfaz de flexbox actualizada

Para alinear todo con la reciente actualización de estilo del Diseñador, y para que flexbox sea un poco más intuitivo para todos, hemos hecho algunos cambios en los controles de la interfaz de flexbox en el panel de Estilos.

Actualizaciones en la interfaz del contenedor flex

Definir la dirección flex horizontal o vertical suele ser el primer paso y el más importante, así que le hemos dado su propio espacio sobre los iconos de distribución y alineación. Esto también despeja el área alrededor de los iconos para que se entiendan mejor de un vistazo.

Updated controls for flex containers.
Controles actualizados para contenedores flex.

Actualizaciones en la interfaz de elementos flex

Los cambios más importantes aparecen al revisar los controles de los elementos flex. Aquí tienes las novedades:

  1. Hemos movido los controles de los elementos flex por encima de la sección de configuración de visualización. Al ser algo más específico para el elemento seleccionado, lo hemos subido en la lista.
  2. Hemos ocultado las opciones de alineación y orden de los elementos flex bajo una casilla de verificación, ya que no se usan con mucha frecuencia. Simplificar esta sección también ayuda a diferenciar los ajustes del elemento flex de los del contenedor flex.
  3. Hemos añadido un enlace en los controles de los elementos flex para resaltar el contenedor padre en el lienzo, lo que te ayudará a situarte mejor. Aplicaremos un patrón similar en otros componentes con relación padre-hijo.
Controles actualizados para elementos flex.

Lanzado el
April 6, 2017
Categoría
Diseño y maquetación

Actualizaciones relacionadas

Sincroniza varias colecciones y modos de variables de Figma a Webflow

Sincroniza varias colecciones y modos de variables de Figma a Webflow

→
↗
►
↓
←
↑
Más información
Recorta el contenido largo con desbordamiento de texto

Recorta el contenido largo con desbordamiento de texto

→
↗
►
↓
←
↑
Más información
Estilos de decoración de texto

Estilos de decoración de texto

→
↗
►
↓
←
↑
Más información
Nuevos tipos de variables: Número y Porcentaje

Nuevos tipos de variables: Número y Porcentaje

→
↗
►
↓
←
↑
Más información
Ya están disponibles las variantes de estilo para componentes

Ya están disponibles las variantes de estilo para componentes

→
↗
►
↓
←
↑
Más información
Gestiona variables a gran escala con acciones en lote y reordenación.

Gestiona variables a gran escala con acciones en lote y reordenación.

→
↗
►
↓
←
↑
Más información

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.