A lo largo de esta colección MCP, hemos aprendido mucho sobre MCP y Code Connect, dos funciones disponibles en Dev Mode de Figma. Esta lección te contará un poco más sobre cómo Dev Mode puede llenar algunos vacíos.
¿Qué es Dev Mode?
Dev Mode es la puerta de entrada a las funciones para desarrolladores más poderosas de Figma, como Code Connect y el servidor MCP de Figma.
Dev Mode 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 entrega.
Los desarrolladores utilizan Dev Mode para lo siguiente:
- Acceder a funciones de inspección avanzadas
- Ver el código de los componentes, incluido el código real de tu código base mediante Code Connect
- Comparar cambios en los diseños
- Establecer estados como “listo para desarrollo”
- Integrarse con otras herramientas como JIRA, Storybook y GitHub
- Explorar todas las variantes de un conjunto de componentes sin editar el archivo
- Vincular diseños a entradas, documentación y componentes de código
- Inspeccionar diseños y escribir código en paralelo utilizando la extensión Figma para VS Code
Entrar en Dev Mode
Puedes acceder a Dev Mode desde cualquiera de tus archivos de Figma Design utilizando el botón o el atajo.
- Abre un archivo de Figma Design.
- Haz clic en el botón Dev Mode o utiliza el atajo de teclado Shift D
Disponibilidad de Dev Mode
Dev Mode está disponible en planes pagos con un puesto Full o Dev.
Más información sobre los diferentes tipos de puestos y cómo administrarlos →