Figma ha revelado una serie de nuevas funciones para su plataforma de diseño de productos durante su conferencia anual Config en San Francisco. El objetivo es acortar distancias entre diseño y desarrollo, mejorar la colaboración y agilizar el proceso creativo. Las funciones anunciadas incluyen un entorno de trabajo único para desarrolladores denominado Dev Mode, variables de diseño y creación avanzada de prototipos.
Curiosamente, más de un tercio de los usuarios semanales de Figma son desarrolladores, a pesar de que la plataforma es principalmente una herramienta de diseño. Avantika Gomes, jefa de producto de Figma, lo atribuye a la naturaleza web de la plataforma, que invita a más colaboradores, como los desarrolladores.
El modo de desarrollo proporciona una interfaz separada para que diseñadores y desarrolladores trabajen en los mismos diseños dentro del mismo archivo mientras operan en modos diferentes. Esta configuración elimina la necesidad de actualizaciones de versiones y conversaciones de ida y vuelta entre estos dos roles. Los desarrolladores pueden acceder a información crucial mientras generan fragmentos de código CSS, iOS y Android listos para producción. Dev Mode también se conecta a herramientas como Jira, GitHub y Storybook para una automatización perfecta del flujo de trabajo.
Además, Dev Mode permite vincular los sistemas de diseño en Figma con el código y la documentación de los componentes. Esta función permite inspeccionar archivos Figma, colaborar con diseñadores y recibir fácilmente notificaciones Figma sin salir del editor de código. Los desarrolladores también pueden utilizar etiquetas para realizar un seguimiento de los estados de diseño, organizar los archivos de diseño en función de su fase de desarrollo y comparar rápidamente los cambios.
Junto con el modo de desarrollo, Figma está introduciendo variables de diseño para agilizar el proceso de creación y mantenimiento de múltiples marcas, dispositivos y temas, al igual que las variables en la codificación. Las variables de Figma también admiten tokens de diseño, que establecen elementos de interfaz de usuario coherentes, como el color o el tamaño. Por ejemplo, si una interfaz de usuario tiene modos claros y oscuros, las variables permiten a los diseñadores agrupar elementos en regiones que pueden cambiar colectivamente entre estos modos.
Además de las variables, Figma despliega la creación avanzada de prototipos, que permite a los usuarios desarrollar prototipos más realistas directamente en el lienzo de Figma. Esta mejora minimiza la necesidad de alternar entre distintas herramientas o ventanas para diseñar y probar prototipos. Sho Kuwamoto, vicepresidente de producto de Figma, cree que la creación avanzada de prototipos da mejores resultados al proporcionar los prototipos más realistas.
Además, Figma actualiza su herramienta de maquetación automática para diseños totalmente receptivos y su selector de fuentes con un nuevo menú, funciones de búsqueda y un índice visual para filtrar y localizar fuentes más rápidamente. El explorador de archivos de Figma también exhibe una nueva interfaz de usuario para acceder rápidamente a los archivos compartidos, los proyectos y las notificaciones.
El modo de desarrollo está en beta abierta y se puede probar gratuitamente hasta 2023, con opciones de precios para acceder en 2024 a 25 $ por puesto/mes en Organización y 35 $ por puesto/mes en Empresa. Las variables están disponibles en beta abierta, y la disponibilidad de las funciones varía entre los planes Professional y Organization. Los usuarios del plan Professional y superiores pueden acceder a la creación avanzada de prototipos. Al incorporar estas funciones, Figma garantiza una colaboración fluida entre diseñadores y desarrolladores, sin ignorar la creciente base de usuarios desarrolladores.
Plataformas como Figma y AppMaster desempeñan un papel crucial en la racionalización del diseño y el desarrollo. AppMaster Figma, una plataforma de no-code, permite a los usuarios crear aplicaciones backend, web y móviles de forma visual, mejorando la productividad y la rentabilidad en el proceso.