En su conferencia anual Config del 22 al 23 de junio en San Francisco, Figma anunció una serie de características para su plataforma de creación de prototipos, en gran medida para cerrar la brecha entre el trabajo de diseño y desarrollo. Este es particularmente el caso del espacio Dev Mode, que debería facilitar el trabajo de los desarrolladores en la plataforma, pero también las variables y la creación de prototipos avanzados para agilizar el proceso creativo y hacerlo más fluido.
Otras mejoras de la plataforma también tienen como objetivo simplificar el proceso de diseño. “Aunque Figma se define como una herramienta de diseño, más de un tercio de los usuarios activos semanales de la plataforma son desarrolladores”, explicó Avantika Gomes, gerente de producto de Figma. “Siempre me sorprendió esta estadística porque Figma es una herramienta de creación de prototipos de productos diseñada para diseñadores. Sin embargo, estar basado en la web ha atraído a más personas, incluidos muchos desarrolladores”, dijo.
Modo Dev para programadores
El modo Dev permite a los diseñadores y desarrolladores trabajar en los mismos diseños en el mismo archivo, pero en modos diferentes. Puede proporcionar a los desarrolladores una interfaz de trabajo distinta y facilitar el acceso a información importante sin tener que realizar actualizaciones de versión o ir y venir con sus homólogos diseñadores. El modo de desarrollo también permite a los desarrolladores generar fragmentos de código CSS, iOS y Android listos para producción y conectarse a herramientas como Jira, GitHub y Storybook para automatizar los flujos de trabajo. Los usuarios también podrán vincular sistemas de creación de prototipos con el código y la documentación de los componentes, inspeccionar archivos Figma, colaborar con diseñadores y recibir notificaciones sin salir del editor de código.
Finalmente, podrán usar etiquetas para rastrear el estado del diseño, organizar archivos de diseño según su etapa de desarrollo y comparar cambios rápidamente. "En el pasado, Figma ha trabajado para mejorar la plataforma para diseñadores sin alienar a los desarrolladores que han seguido aumentando la base de usuarios de la plataforma", dijo Sho Kuwamoto, vicepresidente de producto de Figma. Uno de los beneficios del modo Dev, dice, es que los desarrolladores ahora pueden obtener lo que necesitan en un espacio propio, separado y optimizado.
Variables y creación de prototipos avanzados.
Además del modo Dev, el editor ha agregado variables y prototipos avanzados a la plataforma. Al igual que las variables que existen en la codificación (valores que pueden cambiar según las condiciones o la información ingresada por un desarrollador), Figma introdujo variables de diseño para agilizar el proceso de creación y mantenimiento de marcas, múltiples dispositivos y temas. También admiten tokens de diseño: fuentes únicas de verdad a las que los diseñadores y desarrolladores pueden recurrir para aplicar de manera consistente elementos de la interfaz de usuario, como el color o el tamaño. Sho Kuwamoto explica, por ejemplo, que si hay versiones en modo claro y modo oscuro de una interfaz de usuario, en lugar de hacer clic manualmente en cada elemento de diseño para alternar entre modos, las variables agruparán estos elementos en regiones que se pueden cambiar colectivamente al modo deseado. modo.
En cuanto a la creación de prototipos avanzados, los usuarios podrán crear prototipos más realistas en Figma, limitando la necesidad de alternar entre herramientas o ventanas separadas, ya que ahora pueden diseñarlos y probarlos en el mismo lienzo de Figma. "Con esta característica, los usuarios pueden crear el prototipo más realista posible, y cuanto más realista sea, mejores serán los resultados", afirmó el vicepresidente de producto de Figma. El editor también ha actualizado su herramienta de diseño automático. Ahora los usuarios pueden crear diseños totalmente responsivos y su selector de fuentes mejorado filtra y ubica fuentes más rápido con nuevas funciones de menú, búsqueda e índice visual. Además, la interfaz de usuario del navegador de archivos de Figma se ha rediseñado para ayudar a los usuarios a encontrar rápidamente archivos, proyectos y notificaciones compartidos.
Disponible en beta abierta, el Modo Dev se puede probar de forma gratuita hasta 2023. A partir de 2024, será posible comprar acceso al Modo Dev solo por $25 por puesto/mes con el plan Organization y por $35 dólares sin IVA por puesto/mes con el plan Empresarial. Variables está disponible en versión beta abierta, aunque existen variaciones de funcionalidad entre los dos planes. La creación de prototipos avanzados está disponible para suscriptores de Professional, Organization y Enterprise.
Otras noticias que te pueden interesar