Dev Mode
Descubre Dev Mode: la forma más rápida de pasar de la idea a la vida real. Equipos de todos los tamaños ahora pueden acercar el diseño y el desarrollo en Figma.
Con la confianza de los equipos de
Reduce las interrupciones en la comunicación entre el equipo de diseño y el de ingeniería
Dev Mode aporta estructura a Figma, por lo que el equipo de diseño y el de ingeniería pueden colaborar de forma más eficiente.
Añade anotaciones y medidas
Acelera la preparación de la entrega con texto enriquecido y medidas. Se actualizarán a medida que cambien los diseños para seguir iterando.
Aporta claridad al proceso
Dev Mode ayuda a los equipos a avanzar a la fase de desarrollo. Encuentra y sigue fácilmente qué está listo para editar, qué ha cambiado y qué está listo.
Mantén el trabajo conectado
Deja de saltar entre tus bibliotecas de diseño, tu código base y tus herramientas de gestión de proyectos con plugins de flujo de trabajo de populares herramientas de desarrollo.
La comunicación y colaboración entre desarrolladores es mucho más fluida gracias a Dev Mode Figma, reduciendo los típicos piques entre ellos - y nos encanta :)
Sandra Schaus
Experta principal de UX de Servicios de Desarrollo Empresarial de Volkswagen Group Services
Amplía el diseño de productos y la calidad de la ingeniería mediante el impulso de la adopción de sistemas de diseño
Haz que los sistemas de diseño sean el camino más fácil, construyendo consistencia entre diseño y programación.
Obtener información sobre componentes
Explora las propiedades y la documentación de los componentes directamente vinculada a objetos en el lienzo.
Conecta tu sistema de diseño y tu base de código.
Utiliza Code Connect para vincular tus componentes en el código con tu sistema de diseño en Figma, de manera que los fragmentos de código siempre están listos para la producción.
Descubre cómo HP utiliza Dev Mode para aumentar la adopción del sistema de diseño.
Ayuda a los desarrolladores a ser más eficientes y eficaces en Figma
Dev Mode facilita la búsqueda de los detalles que necesitas para comenzar a programar sin necesidad de tener conocimientos de diseño.
Figma para Visual Studio Code
Nuestra extensión de VS Code lleva el archivo de diseño al editor de texto. Inspecciona archivos de Figma, colabora con diseñadores, recibe notificaciones y obtén sugerencias de código para desarrollar en menos tiempo.
Copia código relevante
Genera fragmentos de código de CSS, iOS o Android a partir de tu diseño, o bien utiliza un complemento a fin de personalizar el código de cualquier estructura o biblioteca que estés utilizando.
Los equipos que utilizan Figma aumentan la eficiencia del desarrollo en un 30 %
Explora más recursos de diseño y desarrollo
Por qué desarrollamos Dev Mode
Descubre la historia detrás de Dev Mode y cómo estamos logrando que los flujos de trabajo sean más eficientes en Figma.
Guía para la entrega a los desarrolladores
Aprende a aprovechar al máximo las funciones de Figma y a mejorar las transferencias de tus diseños.
Complementos de la Comunidad
Explora complementos creados por la Comunidad para ampliar las formas de trabajar en Figma.