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.

Comenzar

Contamos 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.

logotipo de volkswagen — 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

Leer historia

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.