Dev Mode para admins
Este artículo está disponible tanto para la UI anterior de Figma como para la nueva. Utiliza el conmutador de la parte inferior izquierda de la página para seleccionar tu UI actual. Conoce UI3: el rediseño de Figma →
Dev Mode de Figma te ofrece todo lo que necesitas para navegar por los archivos de diseño y transformar los diseños en código. Con Dev Mode, los diseñadores y los desarrolladores pueden estar en sintonía y asegurarse de que no se pierdan detalles importantes en el proceso de traspaso.
Los desarrolladores utilizan el Modo de Desarrollo para lo siguiente:
-
Acceder a funciones avanzadas de inspección y a más lenguajes codegen
-
Revisa lo que cambió desde la última vez que viste un archivo comparando las versiones de los marcos.
-
Revisar rápidamente los diseños que están listos para su desarrollo con estados y anotaciones
-
Agiliza tu flujo de trabajo con integraciones orientadas a los desarrolladores, como JIRAS, Storybook y GitHub.
-
Explora los componentes del sistema de diseño en un área de pruebas.
-
Conecta los diseños con enlaces a tickets, documentación y componentes en código
Obtén más información en nuestra Guía sobre Dev Mode →
Puestos Dev
Cualquier usuario con un puesto Full o Dev puede acceder a Dev Mode.
| Puesto | Qué incluye |
| Full |
|
| Dev |
|
| Collab |
|
| Ver |
|
Los usuarios pueden solicitar acceso a Dev Mode si su puesto actual no ofrece acceso a Dev Mode. Los admins pueden usar la configuración de aprobación de puestos para gestionar las solicitudes de puestos entrantes.
Obtén más información sobre la gestión de puestos en Figma.
Nota: Dev Mode no está disponible en el plan Inicial.
Obtén más información sobre los planes y funciones de Figma.
¿Pueden los desarrolladores seguir inspeccionando los diseños sin un puesto Dev?
¿Quieres ver esto en acción? Sigue a Tom Lowry, DA de Figma, en un recorrido por la experiencia de solo lectura →
Es posible que no todos en tu organización requieran las funciones avanzadas que incluye Dev Mode. Los desarrolladores que no las requieran, aún pueden usar Figma Design con un puesto View gratuito y realizar inspecciones básicas como ver propiedades y medidas, copiar código y exportar activos. Como admin, puedes gestionar a los usuarios que necesiten puestos View en Figma Design desde el panel de admin, al igual que gestionabas los puestos Dev.
Para obtener más detalles sobre la inspección con o sin Dev Mode, consulta la Guía de inspección →
Recursos útiles para compartir con tus desarrolladores
A continuación, se incluyen artículos clave para ayudar a que los desarrolladores de tu organización se familiaricen con la inspección en Figma, en todos los tipos de usuarios.
Dev Mode de Figma te ofrece todo lo que necesitas para navegar por los archivos de diseño y transformar los diseños en código. Con Dev Mode, los diseñadores y los desarrolladores pueden estar en sintonía y asegurarse de que no se pierdan detalles importantes en el proceso de traspaso.
Los desarrolladores utilizan el Modo de Desarrollo para lo siguiente:
-
Acceder a funciones avanzadas de inspección y a más lenguajes codegen
-
Revisa lo que cambió desde la última vez que viste un archivo comparando las versiones de los marcos.
-
Revisar rápidamente los diseños que están listos para su desarrollo con estados y anotaciones
-
Agiliza tu flujo de trabajo con integraciones orientadas a los desarrolladores, como JIRAS, Storybook y GitHub.
-
Explora los componentes del sistema de diseño en un área de pruebas.
-
Conecta los diseños con enlaces a tickets, documentación y componentes en código
Obtén más información en nuestra Guía sobre Dev Mode →
Puestos Dev
Cualquier usuario con un puesto Full o Dev puede acceder a Dev Mode.
| Puesto | Qué incluye |
| Full |
|
| Dev |
|
| Collab |
|
| Ver |
|
Los usuarios pueden solicitar acceso a Dev Mode si su puesto actual no ofrece acceso a Dev Mode. Los admins pueden usar la configuración de aprobación de puestos para gestionar las solicitudes de puestos entrantes.
Obtén más información sobre la gestión de puestos en Figma.
Nota: Dev Mode no está disponible en el plan Inicial.
Obtén más información sobre los planes y funciones de Figma.
¿Pueden los desarrolladores seguir inspeccionando los diseños sin un puesto Dev?
¿Quieres ver esto en acción? Sigue a Tom Lowry, DA de Figma, en un recorrido por la experiencia de solo lectura →
Es posible que no todos en tu organización requieran las funciones avanzadas que incluye Dev Mode. Los desarrolladores que no las requieran, aún pueden usar Figma Design con un puesto View gratuito y realizar inspecciones básicas como ver propiedades y medidas, copiar código y exportar activos. Como admin, puedes gestionar a los usuarios que necesiten puestos View en Figma Design desde el panel de admin, al igual que gestionabas los puestos Dev.
Para obtener más detalles sobre la inspección con o sin Dev Mode, consulta la Guía de inspección →
Recursos útiles para compartir con tus desarrolladores
A continuación, se incluyen artículos clave para ayudar a que los desarrolladores de tu organización se familiaricen con la inspección en Figma, en todos los tipos de usuarios.