top of page

Noticias ConFig 2023 ¿qué es el Dev Mode de Figma?

Updated: Aug 31, 2023

Ayer en la conferencia anual conocimos "Dev Mode": la nueva característica de #Figma que uniría al diseño y el desarrollo web en una sola plataforma 👩🏻‍💻

Dev Mode Figma es la nueva beta abierta para desarrolladores que traduce diseños en código gratis (2023)
Dev Mode Figma es la nueva beta abierta para desarrolladores que traduce diseños en código gratis (2023)
 

Figma anunció un montón de nuevas herramientas y funciones este año, todas orientadas a "hacer que el diseño sea accesible para todos" sin dejar de lado que 1/3 de los usuarios de Figma son desarrolladores y que actualmente la experiencia es adaptada a diseñadores.


¿Qué es el Dev Mode en Figma?

Dev Mode Figma es la nueva beta abierta para desarrolladores que traduce diseños en código y se encuentra actualmente gratis para su uso durante todo el 2023. Con esta nueva característica, Figma agrega fuertes y nuevas herramientas de desarrollo para ayudar a unir a los diseñadores y desarrolladores ¡finalmente!


¿Será el fin de las peleas entre devs y designers?
¿Será el fin de las peleas entre devs y designers?

Y es que nadie dice que exista una rivalidad mágica como la de los Frontend y los Backend en el mundo del desarrollo, pero sí que es cierto que un flujo de trabajo donde todo pueda quedar en una misma plataforma o al menos facilitar la traducción de los diseños a código no nos caería nada mal 😎


¿Necesito conocimientos en diseño para usar el Dev Mode de Figma?


Como explicaron en su conferencia anual: Config 2023, "llegar al desarrollo es más rápido en el Dev mode, sin necesidad de tener conocimientos en diseño" 👌🏻✨


Se introdujeron las Variables en Figma que permitirán optimizar el proceso de creación y mantenimiento entre diseñadores y desarrolladores.


Además, de poder cambiar entre el modo claro y el oscuro. Un proceso que antes era complejo y que requería mucho tiempo y que ahora solo requiere unos pocos clics.

Con Dev Mode puedes copiar el código de los objetos del diseño.
Con Dev Mode puedes copiar el código de los objetos del diseño.

Otra de las facilidades más recalcables del Dev Mode, es poder revisar el diseño como si del menú de inspeccionar de Google Chrome se tratara. Tal como en el video de su página web el cursor puede obtener medidas, estilos y detalles con sólo un clic en los objetos, lo que no afectará al archivo de diseño.


¿Cómo se activa el Dev Mode en Figma?


🚧 El modo Dev se encuentra actualmente en beta abierta, esto quiere decir que se permite usar y probar gratis durante un tiempo y ya anunciaron que será durante todo el año 2023 🥳


Luego de eso, es cuestión de activar un toggle en el navbar de tu Figma porque es compatible con cualquier equipo o plan, y lo puede activar cualquiera que tenga acceso a los diseños.


Dev Mode facilita la búsqueda de los detalles que necesita para comenzar a construir. Salta y obtén especificaciones, no se necesitan conocimientos de diseño.
Dev Mode facilita la búsqueda de detalles y especificaciones

¿Cuánto cuesta el Dev Mode de Figma?

Nada, (por ahora). Como se encuentra actualmente en Beta Abierta estará disponible para probar y usar gratuitamente desde ya - hasta el 2024.


¿Habrán Inteligencia Artificial en Figma según la ConFig 2023?


Claro que este año Figma debía anunciar algo de inteligencia artificial en su producto. Entonces durante la conferencia se habló sobre la nueva adquisición de diseño impulsada por IA Diagram, pero este tema sigue en construcción, según sabemos no hay ningún anuncio oficial relacionado al tema.


Conoce más de Figma para Developers en nuestro blog 😎

 

¡Gracias por leer!

meltstudio.co
meltstudio.co

📍 Conéctate con nosotros en instagram👇




Join our newsletter to receive information about latest technologies trends and job offers

Thanks for subscribing!

bottom of page