Mejoras importantes de Figma a Webflow

Juntos, nuestro plugin de Figma y nuestra aplicación de Webflow te permiten transformar tus diseños estáticos en un sitio listo para producción. Hoy lanzamos una gran actualización de la experiencia de Figma a Webflow, que incluye flujos de trabajo optimizados, nuevas capacidades y un mejor rendimiento y precisión.

Ahora puedes sincronizar tus componentes, secciones, variables y estilos de Figma a Webflow para que tu equipo pueda lanzar sitios sofisticados rápidamente.

El nuevo plugin de Figma se organiza en torno a tres flujos de trabajo clave: Capas, Variables y Estilos.

Capas

La pestaña Capas es el núcleo de la nueva experiencia de Figma a Webflow y te permite sincronizar o copiar capas de Figma a componentes y elementos de Webflow. Esto es lo nuevo:

• Ahora puedes sincronizar varias capas, mezclar marcos y componentes, o copiar una capa individual y pegarla directamente en el lienzo de Webflow.
• Cuando sincronizas actualizaciones de un componente existente, la aplicación facilita la aceptación rápida de esos cambios o la revisión detallada de cada uno.
• Hemos actualizado la heurística para la creación de recursos, por lo que todas tus imágenes e iconos se sincronizarán con Webflow tal como esperas.
• Hemos realizado mejoras significativas en el rendimiento y la precisión, ¡con algunos diseños procesándose hasta 30 veces más rápido!

Variables

Las variables ahora tienen su propia pestaña, lo que te permite sincronizar variables de Figma con las de Webflow. Ahora puedes seleccionar colecciones de tus bibliotecas de Figma además de las variables locales, elegir qué grupos sincronizar y seleccionar las unidades (px, em o rem) en cada variable numérica. Para las unidades em/rem, también puedes establecer un tamaño de fuente base en la configuración del plugin.

Mantente al tanto: ¡la compatibilidad total con las colecciones y modos de variables lanzados recientemente también está en camino!

Estilos

La sincronización de estilos es un nuevo flujo de trabajo para llevar los estilos de texto y efectos de Figma a las clases de Webflow, facilitando el uso de tu tipografía, sombras y filtros estándar sin trabajo adicional. Puedes editar los prefijos de clase (que por defecto son "Text" y "Effect") en la configuración del plugin. Al sincronizar actualizaciones de un estilo, la aplicación muestra cada propiedad modificada, permitiéndote revisar y aceptar los cambios rápidamente.

‍Visita el Centro de ayuda para obtener más información sobre Figma a Webflow.