Novedades de Config 2024 – Figma Learn - Centro de ayuda

Config es la conferencia anual de diseño que organiza Figma para profesionales que crean productos. Durante dos días, nuestra comunidad se reúne para descubrir las últimas funciones y participar en las charlas de especialistas del sector.

En este artículo, te presentaremos todas las funciones que anunciamos en Config 2024. Algunas de ellas están en versión beta, así que seguiremos informando sobre su disponibilidad y actualizaremos esta entrada si se producen cambios.

¿Te encargas de la administración de algún equipo o empresa? Echa un vistazo a la guía de administración de la Config 2024 →

Utiliza la IA en Figma Design

Figma AI será gratis mientras esté en versión beta, pero es posible que se apliquen restricciones de uso. Cuando las funciones de IA superen la fase beta, pasarán a ser de pago. Te avisaremos antes de que esto suceda.

Da rienda suelta a tu creatividad con Figma AI. Pasa1 más rápido del primer borrador al producto final y no bajes el ritmo.

Aquí tienes algunas ideas sobre cómo puedes utilizar las herramientas de IA en Figma:

First Draft: transforma las ideas en diseños editables en un par de minutos. De este modo, podrás probar rápidamente una amplia variedad de opciones de diseño e iteraciones y te costará menos trabajo crear manualmente las primeras versiones desde cero.
Realizar búsquedas visuales y buscar activos: utiliza imágenes o diseños para buscar diseños similares o componentes que haya realizado tu equipo o tu empresa. Busca los componentes que necesites en la pestaña Assets, sin necesidad de memorizar sus nombres.
Cambiar el nombre de las capas: ponle el nombre adecuado a cada capa de tu archivo en un solo clic para mantener el orden.
Hacer prototipos: convierte rápidamente tus borradores en prototipos interactivos.
Reescribir texto: reescribe textos a fin de adaptar el tono, traducirlos o resumirlos para que quepan en tus diseños.
Generar imágenes y eliminar el fondo: escribe indicaciones para generar y editar imágenes únicas, o para eliminar el fondo y dejar solo lo importante.

un collage bento de las diferentes características de la IA

Nuestra intención es ser transparentes con las implementaciones de IA que estamos llevando a cabo y lo que implican para ti. Obtén más información sobre la visión de Figma entorno a la IA →

Nueva vista de Dev Mode

Las funciones de Dev Mode que se presentan a continuación ya están disponibles, pero es posible que cuenten con planes o licencias limitados. Haz clic en cada función para obtener más información.

Nuestro objetivo es ayudar a los equipos a ofrecer mejores productos, por lo que estamos mejorando Figma Design y Dev Mode para responder a sus necesidades de diseño y desarrollo. Los equipos de diseño siguen teniendo la libertad de explorar ideas y hacer pruebas rápidamente, mientas que los de desarrollo tienen más visibilidad e instrucciones para saber lo que ya se puede producir, los cambios que se han realizado en un archivo y la forma en la que deben desarrollarlo.

Optimiza los procesos de entrega con funciones de Dev Mode como:

Actualizaciones de Estado: ahora se puede indicar el estado en el que está un diseño según este vaya progresando y el equipo puede recibir notificaciones de cambios. Los equipos de diseño y desarrollo intercambian archivos multitud de veces a lo largo de un proyecto, por lo que es importante mantener la comunicación para saber cuándo está una función lista para desarrollarse.
Vista Listo para su desarrollo: con la vista Listo para su desarrollo, el equipo de desarrollo puede saber rápidamente lo que pueden producir desde un único lugar.
Vista Enfoque: visualiza únicamente el diseño que estás inspeccionando y oculta el resto para reducir las distracciones sobre el lienzo.
Code Connect: Code Connect ha superado oficialmente la fase beta. Esta herramienta es útil para los sistemas de diseño y los equipos de ingeniería cuando desean trasladar el código de los componentes a Dev Mode. Cuando el equipo de desarrollo inspeccione un componente con fragmentos de código conectado, verán el código del sistema de diseño de sus bibliotecas en lugar del código autogenerado.

tres marcos móviles anidados dentro de una sección. El cursor se desplaza sobre un icono que aparece junto al nombre de la sección y que indica «Marcar como listo para desarrollo».

Presenta tus ideas con Figma Slides

Figma Slides está ya disponible para todo el mundo en versión beta abierta.

Figma Slides es la primera herramienta de presentaciones para equipos de diseño. Combina la potencia de Figma Design con herramientas de presentación fáciles de utilizar para dar vida a tus discursos y conseguir la atención del público.

Con Figma Slides:

Elige una de nuestras plantilla modificables a fin de crear presentaciones interesantes para cualquier tipo de público.
Utiliza las funciones colaborativas para crear presentaciones y exponerlas con la ayuda de tu equipo gracias a las notas de ponente compartidas y los controles de presentación colaborativa.
Crea diapositivas animadas con encuestas, escalas de coordinación y votaciones en directo para conocer la opinión del público y tomar decisiones.
Personaliza el diseño de tus diapositivas con tus herramientas favoritas de Figma Design.

una imagen a pantalla completa de un nuevo paquete de figma slides con el selector de plantillas abierto.

Descubre Figma Slides →

Cambio de imagen para Figma Design

El rediseño de Figma, también llamado UI3, se encuentra actualmente en versión beta. Descubre cómo acceder a UI3 →

Hemos rediseñado Figma para que sea más simple, se adapte mejor a tu flujo de trabajo y sea más consistente con el resto de nuestros productos. Hemos desarrollado una interfaz más intuitiva y nuevas formas de acceder a tus herramientas favoritas para que Figma siga siendo tu programa de referencia cuando quieras dar vida a tus ideas. Aun así, esto es solo el principio.

una imagen de ventana completa de un archivo figma design utilizando la ui3. Hay cuatro marcos del tamaño de un escritorio de una aplicación llamada «Earthling», una aplicación de diario de viajes, dentro de una sección llamada «páginas de aterrizaje».

Conoce la nueva IU de Figma Design →

Diseña con mayor facilidad

Las siguientes actualizaciones están disponibles en Figma Design para todo el mundo

Hemos mejorado tus funciones favoritas de Figma para que cumplan mejor con tus expectativas, incluyendo una creación más eficiente de prototipos, una disposición automática más intuitiva o la posibilidad de empezar a utilizar kits de IU en la pestaña de activos.

Kits de IU

Hemos añadido los sistemas de Apple Design Resources, Google Material Design y Figma Design a la pestaña de activos para que puedas comenzar a diseñar sin necesidad de que tengas un sistema de diseño propio. Gracias a estos componentes, estilos y variables de alta calidad, podrás ejecutar tus ideas y compartirlas al instante.

tres miniaturas seguidas para los kits de iu para iOS 18 de Apple, Material 3 Design de Google y Simple Design System de Figma.

Comienza a diseñar con kits de IU →

Mejoras en la disposición automática

Saca el máximo provecho a la disposición automática gracias a sus nuevas funciones y a interacciones más intuitivas.

Utiliza la disposición automática con marcos anidados: añade marcos de disposición automática a varios marcos anidados de forma simultánea con el comando ⌃ Control ⇧ Shift A o ⌃ Control Alt ⇧ Shift A .
Ignora la disposición automática (antigua posición absoluta): mantén pulsado ⌃ Control mientras arrastras un objeto en un marco de disposición automática para definirlo como posición absoluta.
Vista previa de la alineación en el lienzo: al pasar el puntero sobre las opciones de rellenar contenedor, anchura fija o recopilar contenido en el menú desplegable de alineación, aparecerán líneas en el lienzo para indicar cómo cambiará el cuadro delimitador del diseño.
Reordenar objetos en un marco de disposición automática es más sencillo e intuitivo.
Cuando utilices la disposición automática, los objetos secundarios del marco se ajustarán al espacio existente en lugar de mantener una anchura fija. Si cambias el tamaño de los objetos secundarios para adaptarlos a la anchura de los objetos principales, se ajustarán al relleno del contenedor.

Se selecciona un marco en el lienzo y se abre el menú de acciones. El menú de acciones contiene la consulta de búsqueda «sugerir automáticamente» con el cursor sobre el resultado «sugerir diseño automático».

Echa un vistazo al resumen de Config para ver demostraciones de las novedades de la disposición automática.

Visor de prototipos adaptativo

Descubre cómo se ven tus diseños en pantallas de cualquier tamaño gracias al nuevo visor de prototipos, que reajusta su tamaño en función de las restricciones y los ajustes de disposición automática. La configuración de Diseño adaptativo está disponible tanto para las vistas de prototipos (en presentaciones y vistas previas) como en la aplicación de Figma para móviles.

Páginas en FigJam

La función de crear páginas en FigJam ya está disponible para todo el mundo

Ahora puedes crear varias páginas en FigJam y tener más espacio para crear y organizar los archivos. Incluso puedes insertar divisores para mantener el orden dentro de las páginas

Utiliza las páginas para:

Crear espacios individuales para actividades que se realicen en equipo de trabajo o en solitario.
Añadir información sobre reuniones recurrentes en FigJam para reducir el tamaño de los tableros y los tiempos de carga.
Separar los flujos de trabajo.

Se ha ampliado la esquina superior izquierda de un archivo figjam. El panel de páginas está abierto y contiene varias páginas para diferentes retrospectivas trimestrales, así como un divisor. Un chat cursor dice «me encantan las páginas» con unos cuantos emojis de ojos de corazón encima de él.

Más información sobre cómo añadir páginas en FigJam →

Ver Config 2024 al completo

Si no pudiste asistir, echa un vistazo al resumen de Config 2024y ponte al día con las grabaciones en nuestro canal de YouTube. A lo largo de la próxima semana iremos publicando más vídeos. Suscríbete para estar al día.