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
Optimiza la comunicación entre los equipos de diseño e ingeniería
Dev Mode suma estructura a Figma, por lo que los equipos de diseño e ingeniería pueden colaborar de forma más eficiente.
Agrega anotaciones y medidas
Acelera la preparación de la entrega con anotaciones y mediciones. Se actualizarán a medida que cambien los diseños para que puedas seguir iterando.
Dale claridad al proceso
Dev Mode ayuda a los equipos a enfocarse y avanzar en sus tareas. Encuentra y sigue fácilmente qué está listo para desarrollar, qué cambió y qué se completó.
Mantén el trabajo conectado
Deja de saltar entre tus bibliotecas de diseño, tu base de código y tus herramientas de gestión de proyectos con plugins de flujo de trabajo de herramientas de desarrollo populares.
Dev Mode de Figma facilita una colaboración optimizada entre desarrolladores y diseñadores, lo que reduce la fricción entre los dos equipos — algo que nos encanta.
Sandra Schaus
Experta principal de UX, Servicios de Desarrollo Empresarial, Volkswagen Group Services
Escala el diseño de productos y la calidad de ingeniería al impulsar la adopción de sistemas de diseño
Haz que los sistemas de diseño sean el camino más fácil al generar consistencia entre diseño y desarrollo.
Obtén información sobre componentes
Explora las propiedades y la documentación de los componentes vinculadas directamente a los objetos en el lienzo.
Conecta tu sistema de diseño y base de código
Usa Code Connect para vincular tus componentes en el código con tu sistema de diseño en Figma, de modo que los fragmentos de código siempre estén listos para la producción.
Descubre cómo HP usa Dev Mode para aumentar la adopción de sistemas 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 con el desarrollo 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 más rápido.
Copia código relevante
Genera fragmentos de código de CSS, iOS o Android a partir de tu diseño, o bien utiliza un plugin para 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
Todo lo que necesitas saber sobre Dev Mode
Desarrollamos Dev Mode para hacer más eficiente el desarrollo de productos, desde la idea hasta el código. Descubre nuestra filosofía de producto y lo que está por venir.
Cinco cosas que los diseñadores deben saber para realizar una entrega sin problemas
La entrega no es un momento, es un proceso. Entonces, ¿cómo agilizas el proceso de entrega cuando se trata de un flujo constante de diseños en proceso, comunicación y colaboración? La impulsora de diseño, Lauren Andres, comparte sus consejos.
Plugins de la comunidad
Explora plugins creados por la comunidad para ampliar tus formas de trabajar en Figma.