Novedades de Config 2024

Config es la conferencia anual de diseño de Figma para personas que fabrican productos, en la que reunimos a la comunidad durante dos días de emocionantes lanzamientos de funciones y charlas de profesionales del sector.

En este artículo, te guiaremos a través de cada una de las funciones que anunciamos en Config 2024. Algunas de estas funciones están en fase beta, por lo que indicaremos tu disponibilidad y mantendremos este artículo actualizado si se produce algún cambio.

Utilizar la IA en Figma Design

La IA de Figma es gratuita mientras esté en fase beta, pero pueden aplicarse límites de uso. Una vez que las funciones de IA dejen la versión beta, pasarán a ser de pago. Te avisaremos antes de que eso ocurra.

Tu creatividad se libera con la IA de Figma. Pasa del primer borrador al producto final más rápido, encuentra lo que buscas y mantén el flujo.

Utiliza las herramientas de IA de Figma para lo siguiente:

• First Draft: transforma ideas en diseños editables en un par de minutos. Esto te ayudará a explorar una gama más amplia de posibilidades de diseño e iteraciones rápidamente y reducir la cantidad de esfuerzo necesario para crear de forma manual las primeras exploraciones desde cero.
• Búsqueda visual y búsqueda de activos: utiliza imágenes y diseños para buscar diseños y componentes similares realizados por tu equipo u organización. Encuentra los componentes que necesitas desde la pestaña Activos sin tener que memorizar sus nombres.
• Cambiar el nombre de las capas: organiza tu archivo dando nombres significativos a todas tus capas con un clic.
• Crear prototipos: convierte rápidamente tus maquetas en prototipos interactivos.
• Reescribir texto: reescribe el texto para darle un tono diferente, tradúcelo a otro idioma y acórtalo para adaptarlo a tus diseños.
• Generar imágenes y eliminar fondos: genera y edita imágenes únicas utilizando una indicación escrita. Elimina el fondo de una imagen para aislar el sujeto principal.

Cuando se trata de generar IA, queremos ser transparentes sobre lo que estamos haciendo y lo que eso implica para ti. Obtén más información sobre el enfoque de Figma respecto a la IA →

Una nueva visión del Modo de Desarrollo

Las siguientes funciones del Modo de Desarrollo ya están disponibles, pero pueden estar limitadas por el plan o el puesto. Haz clic en el enlace de cada función para obtener más información.

Para ayudar a los equipos a ofrecer mejores productos de manera eficiente, estamos desarrollando Figma Design y el Modo de Desarrollo para satisfacer las necesidades tanto de diseño como de desarrollo. Los diseñadores mantienen la libertad de explorar ideas e iterar rápidamente, mientras que los desarrolladores tienen más claridad y orientación sobre lo que está listo para el desarrollo, lo que ha cambiado en un archivo y cómo desarrollarlo.

Mejora tu proceso de traspaso con funciones de Dev Mode como las siguientes:

• Actualizaciones de estado: ahora se puede asignar un estado de progreso a los diseños y notificar los cambios a los compañeros de equipo. El traspaso entre diseñadores y desarrolladores se produce varias veces a lo largo de un proyecto, por lo que es importante comunicar cuándo una función está lista para su desarrollo.
• Vista Listo para el Desarrollo: la Vista Listo para el Desarrollo ayuda a los desarrolladores a encontrar rápidamente todo lo que está listo para el desarrollo en un solo lugar.
• Vista de enfoque: muestra solo el diseño que estás inspeccionando mientras oculta otros diseños para minimizar las distracciones en el lienzo.
• Code Connect: Code Connect ha salido oficialmente de la fase beta. Code Connect es una herramienta para que los sistemas de diseño y los equipos de Ingeniería lleven el código de los componentes al Modo de Desarrollo. Al inspeccionar un componente con fragmentos de código conectados, los desarrolladores verán el código del sistema de diseño de sus bibliotecas en lugar del código generado automáticamente.

Presenta tus ideas con Figma Slides

Figma Slides está en fase beta abierta y está disponible para todo el mundo.

Mientras esté en fase beta, Figma Slides será gratuito. A principios del 2025, Figma Slides estará disponible en planes gratuitos y de pago, a partir de USD 3 o USD 5 por usuario/mes dependiendo del plan. Te avisaremos con antelación cuando eso ocurra.

Figma Slides es la primera herramienta de presentación creada para diseñadores y compañeros de equipo. Figma Slides combina la potencia y precisión de Figma Design con herramientas de presentación fáciles de usar para dar vida a tu narrativa e impulsar la alineación.

Con Figma Slides, puedes hacer lo siguiente:

• Elegir entre plantillas flexibles para crear presentaciones impactantes para cualquier público
• Utilizar las funciones multijugador y de colaboración para crear plataformas y hacer presentaciones en equipo con notas del presentador compartidas y controles de copresentación
• Crear diapositivas en directo con encuestas, escalas de alineación y votaciones para captar la opinión de las partes interesadas e impulsar la toma de decisiones
• Personalizar los diseños de tus presentaciones utilizando las herramientas de Figma Design que ya conoces y adoras

Explora Figma Slides →

Una nueva imagen para Figma Design

Actualmente, el rediseño de Figma, también llamado UI3, se encuentra en versión beta. Te mostramos cómo acceder a UI3 →

Hemos rediseñado Figma para brindar mayor facilidad, mejor ergonomía en tu flujo de trabajo y más coherencia en todos los productos de Figma. Comenzando con una interfaz más accesible y nuevas formas de encontrar tus herramientas favoritas, nuestro objetivo es que Figma siga siendo el medio para convertir tu imaginación en realidad. Y esto es solo el comienzo.

Navega por la nueva interfaz de usuario de Figma Design  →

Diseña con más facilidad

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

Desde la creación de prototipos con capacidad de respuesta y un diseño automático más intuitivo, hasta la puesta en marcha de kits de interfaz de usuario en la pestaña de activos, tus funciones favoritas de Figma ahora funcionan como deseas.

Kits de interfaz de usuario

Hemos traído los sistemas Apple Design Resources, Google Material Design y Figma Design directamente a la pestaña de activos, para que puedas empezar a diseñar sin necesidad de un sistema de diseño propio. Con estos componentes, estilos y variables de alta calidad, podrás dar vida a tus ideas y compartirlas con los demás en un abrir y cerrar de ojos.

Empieza a diseñar con kits de interfaz de usuario →

Mejoras en el diseño automático

Deja que el diseño automático haga el trabajo duro con nuevas funciones e interacciones más intuitivas.

• Aplicar diseño automático a los marcos anidados: utiliza Sugerir diseño automático para aplicar automáticamente marcos de diseño automático a varios marcos anidados a la vez con ⌃ Control ⇧ Mayús A o ⌃ Control Alt ⇧ MayúsA .
• Ignorar diseño automático (antes, posición absoluta): mantén presionado ⌃ Control mientras arrastras un objeto a un marco de diseño automático para establecerlo en posición absoluta.
• Vista previa de la alineación en el área de trabajo: Al pasar el puntero del ratón sobre las opciones de contenedor de relleno, ancho fijo o ajuste al contenido en el menú desplegable de alineación, aparecerán líneas en el área de trabajo para indicar cómo cambiará el cuadro delimitador del diseño.
• La reordenación de objetos en un marco de diseño automático es más fluida e intuitiva.
• Cuando agregas el diseño automático, los objetos secundarios del marco se establecerán como espacio intermedio en lugar del ancho fijo. Si redimensionas un objeto secundario para que quepa en todo el ancho del objeto principal, se establecerá como contenedor de relleno.

Echa un vistazo a la sesión inaugural de Config para ver demostraciones de las actualizaciones de Diseño automático.

Visor de prototipos con capacidad de respuesta

Experimenta tus diseños en cualquier tamaño de pantalla con una nueva experiencia de visualización de prototipos que se redimensionan de forma adaptativa, según las restricciones y los ajustes de diseño automático. El ajuste Responsive (adaptativo) está disponible en ambas vistas de prototipado (Actual y Vista Previa) y en la aplicación móvil Figma.

• Establece un prototipo para responder desde la computadora →
• Configura un prototipo para que responda en tu dispositivo móvil →

Páginas en FigJam

Las páginas de FigJam están disponibles para todo el mundo.

Ahora puedes crear múltiples páginas en FigJam, lo que te da más espacio para explorar y una capa adicional de organización dentro de tus archivos. Incluso puedes crear separadores para mantener tus páginas organizadas.

Utiliza las páginas para lo siguiente:

• Crear espacios individuales para actividades entre grupos de trabajo o individuos
• Organizar reuniones recurrentes realizadas en FigJam entre páginas para reducir el tamaño de los tableros y los tiempos de carga
• Separar los flujos de trabajo entre páginas

Obtén más información sobre cómo agregar páginas en FigJam →

Ver todo Config 2024

Si no pudiste asistir en directo, revisa la sesión de Config 2024 y ponte al día con las grabaciones en nuestro canal de YouTube. La semana que viene publicaremos más videos, así que no olvides suscribirte para estar al día.