Jira y Figma
Jira Software es una herramienta de rastreo de publicaciones y de proyectos para equipos basados en la metodología Agile. Utiliza Jira Software para planificar, rastrear y gestionar las versiones de los productos digitales:
- Crea proyectos con paneles Kanban, Scrum o con hojas de ruta.
- Planifica sprints, establece prioridades y distribuye las tareas entre los miembros del equipo de software.
- Accede a informes con datos prácticos en tiempo real sobre cómo lo está haciendo tu equipo.
- Conecta Jira Software con otras herramientas de Atlassian.
Puedes conectar Figma a Jira Software. De esta forma, podrás añadir archivos de diseño y prototipos a publicaciones o historias de tus paneles de Scrum o Kanban.
Tendrás que crear una cuenta de Jira Software para utilizar esta integración. No se pueden añadir incrustaciones a Jira Align ni a Jira Service Desk con esta integración.
Más información sobre cómo incrustar archivos de Figma en tiempo real en otras herramientas ->
Instalar la aplicación Figma for Jira
Para poder incrustar archivos y prototipos en Jira Software, tendrás que añadir la aplicación Figma a tu cuenta de Jira.
Puedes realizar esta acción desde cualquier parte de tu cuenta de Jira.
-
En el menú principal, ve a Apps > Manage your apps.
-
Haz clic en Find new apps en la barra lateral izquierda y busca la aplicación Figma.
-
Haz clic en la aplicación Figma en los resultados y en Get app en la esquina superior derecha del listado de aplicaciones.
-
Haz clic en Get app para añadir la aplicación Figma a tu cuenta.
Cuando hayas instalado la aplicación Figma for Jira, en tus publicaciones de Jira aparecerá una sección Designs. Aquí podrás añadir y ver incrustaciones en tiempo real de Figma.
Añadir un archivo o prototipo a Jira
Puedes incrustar cualquier archivo o prototipo, independientemente de la configuración del uso compartido de enlaces del archivo. Los colaboradores pueden interactuar con las incrustaciones en tiempo real de Figma en función de:
- Los permisos de su equipo o de su organización.
- La configuración de uso compartido del archivo.
Enlazar un archivo de diseño en Jira Software
Puedes enlazar varios archivos de Figma a publicaciones y recibir notificaciones cuando se actualicen los diseños sin tener que salir de Jira.
Consejo: Mientras estés en la vista de panel, verás un icono de diseño enlazado en las publicaciones de Jira que tengan un archivo de diseño Figma enlazado. Pasa el ratón sobre el icono de diseño para ver información sobre el diseño y cuándo se actualizó por última vez, acceder al enlace de Figma o ver el diseño directamente en la vista ampliada de Jira.
Al añadir un diseño a una publicación, el enlace de Jira se añade automáticamente bajo Dev resources en Dev Mode en el archivo de Figma. Puedes hacer clic en el enlace Dev resource para abrir la publicación en el plugin de Jira, sin salir de Figma.
Más información sobre cómo utilizar recursos de desarrollo en Dev Mode →
- Abre la publicación de Jira en la que deseas añadir una incrustación.
- Si la sección Designs no aparece, haz clic en Add design bajo el título. También puedes hacer clic en Sync para ver cualquier diseño enlazado anteriormente.
- Pega la URL de Figma en el campo y haz clic en Link.
- Ahora puedes ver el archivo sin salir de Jira. Haz clic en la miniatura para ampliar la vista previa de diseño. Al hacer clic en un prototipo, se abrirá el archivo en una nueva pestaña.
- Haz clic en en la sección Designs para enlazar varios archivos.
Consejo: Utiliza la búsqueda JQL para encontrar rápidamente publicaciones de Jira que tengan el estado To do o con diseños enlazados marcados como Ready for dev. Puedes realizar rápidamente actualizaciones de forma masiva, exportar informes según criterios relacionados con diseños enlazados y establecer prioridades de las tareas de forma eficaz.
Enlazar un archivo de diseño con el plugin de Jira
El plugin de Jira te permite contar con todo el contexto necesario al convertir los diseños en código. El plugin te permite enlazar publicaciones de Jira a páginas o capas de Figma para que siempre cuentes con la información relevante que necesites.
Utiliza el plugin de Jira para:
- Importar y enlazar las publicaciones de Jira existentes a las páginas o capas de un archivo de Figma, para que los desarrolladores puedan acceder fácilmente a todo el contexto relevante necesario.
- Ver las publicaciones de Jira enlazadas directamente en Figma, para reducir el cambio de contexto durante la implementación del diseño.
- Crear nuevas publicaciones de Jira directamente desde Figma, para mantenerte informado incluso si detectas que es necesario crear nuevas publicaciones como parte de la planificación o entrega.
Al enlazar un diseño a una publicación con el plugin de Jira, se añade automáticamente un enlace al archivo de diseño, en la sección Designs.
Obtén información sobre el plugin de Jira en la comunidad de Figma →
Para utilizar el plugin de Jira en Figma:
- Ejecuta el plugin de Jira desde el archivo de diseño. El plugin se ofrece tanto en Modo de diseño como en Dev Mode.
Más información sobre el uso de plugins en archivos → - Selecciona la página o capa concretas que deseas incrustar.
- Haz clic en Create issue para añadir una nueva publicación en Jira, o bien en Link issue para conectar una publicación de Jira existente a tu página o capa seleccionada.
- Cuando la publicación esté enlazada, podrás ver sus datos en el plugin de Jira.
Nota: Al utilizar el plugin para enlazar una publicación a un diseño, también se añade la publicación como enlace en Dev resources en Dev Mode para facilitar la detección.
Más información sobre el uso de recursos de desarrollo en Dev Mode ->
Crear publicaciones desde el widget de Jira
Utiliza el widget de Jira para integrar los proyectos de Jira y todas sus publicaciones asociadas en el lienzo para hablar con el equipo y mantenerlo informado. Configura la persona asignada, la prioridad, el estado y el tipo de publicación en Figma o en FigJam, al tiempo que mantienes una fuente de información fiable en Jira. Podrás capturar todos estos elementos como nuevas publicaciones en Jira e incluso enlazar los diseños asociados desde Figma.
Obtén más información sobre el widget de Jira en la comunidad de Figma ->
En Figma Design
Al ejecutar el widget de Jira desde un archivo de diseño, puedes crear una publicación a partir del diseño o importar una publicación o un diseño existente.
Más información sobre el uso de widgets en archivos →
Para crear una publicación a partir de un diseño:
- Haz clic en Create issue from design en el widget.
- Añade un breve resumen de la publicación.
- Selecciona desde qué ubicación deseas añadir el diseño. Puedes añadir diseños desde un marco seleccionado, desde la página actual o pegándolo en un enlace de Figma.
- Selecciona un proyecto en la lista desplegable Project para añadir la nueva publicación.
- Selecciona un tipo de publicación en la lista desplegable Issue type.
- Haz clic en Create para generar la publicación. Esta aparecerá como un objeto que se puede arrastrar en el archivo.
En FigJam
Al ejecutar el widget de Jira desde un archivo de FigJam, puedes convertir las notas adhesivas en publicaciones o importar una publicación o un proyecto existente.
Para convertir las notas adhesivas en publicaciones:
- Selecciona una o varias notas adhesivas para convertirlas en publicaciones.
- Haz clic en Turn stickies into issues en el widget.
- Selecciona un proyecto en la lista desplegable Project para añadir la nueva publicación.
- Selecciona un tipo de publicación en la lista desplegable Issue type.
- Haz clic en Convert stickies para generar las publicaciones. Verás cómo la nota adhesiva se convierte en una publicación que podrás arrastrar en el lienzo.
Ver etiquetas de diseño actualizado
Para que la etiqueta Design updated aparezca en una miniatura de diseño, solicita a tu administrador de Jira que ejecute la acción Connect Figma to Jira en Get design updates. Esta etiqueta se verá si se ha actualizado un diseño enlazado desde la última vez que hayas visto una publicación.
Tu administrador de Jira tendrá que añadir URL del equipo de Figma para todos los equipos con un sitio de Jira.
Para buscar la URL de tu equipo en Figma:
Planes Enterprise
- Haz clic en All workspaces en la barra lateral de la izquierda del navegador de archivos.
- En Your teams, haz clic con el botón derecho en el equipo concreto.
- Selecciona Copy link.
Planes Organization
- Haz clic en All workspaces en la barra lateral de la izquierda del navegador de archivos.
- Haz clic con el botón derecho en el equipo concreto.
- Selecciona Copy link.
Planes Starter/Professional
- Haz clic con el botón derecho en el equipo concreto en la barra lateral izquierda del explorador de archivos.
- Selecciona Copy link to team.
Nota: Para que la etiqueta Design updated aparezca en la publicación de Jira, todos los usuarios activos deben cerrar antes cualquier pestaña de navegador que incluya el archivo de Figma Design enlazado.
Automatizar flujos de trabajos con diseños enlazados
Puedes ahorrar tiempo si automatizas los procesos manuales para mejorar la colaboración entre los equipos de diseño y de desarrollo. Con la automatización de diseño de Jira podrás notificar a los desarrolladores sobre los cambios en diseños, estados de transición de las publicaciones, así como añadir fácilmente etiquetas a publicaciones con diseños.
Para configurar automatizaciones con diseños enlazados en un proyecto de Jira:
- Ve a Project settings > Automation en la barra lateral de la izquierda.
- Haz clic en la pestaña Templates.
- En la sección Design, selecciona la automatización que deseas configurar.
- Haz clic en Turn on rule. Junto al nombre de la regla, verás cómo el estado cambia a Enabled.
Puedes desactivar o borrar una automatización en la pestaña Rules de Automation.
Más información sobre la automatización de tareas y procesos en Jira →
Eliminar Figma de Jira
Puedes eliminar una sola incrustación o desinstalar la aplicación Figma para quitarla y todas las incrustaciones de Figma.
Eliminar una incrustación
Si deseas borrar un archivo o prototipo específico, puedes eliminarlo de la publicación en Jira.
- Abre la publicación cuya incrustación deseas eliminar.
- Haz clic en la opción Remove design junto a la incrustación.
-
Jira eliminará esa incrustación de la publicación.
Eliminar la aplicación Figma for Jira
Si deseas desconectar tu cuenta de Figma de Jira, puedes desinstalar la aplicación Figma. De esta forma, también se eliminará cualquier incrustación de archivo o prototipo de tu panel.
- Abre el panel en Jira.
- Haz clic en Apps en la barra de menús y selecciona Manage your apps.
- Haz clic en la flecha situada junto a la aplicación Figma para ver las opciones disponibles.
- Haz clic en el botón Uninstall: