Jira e Figma
O Jira Software é uma ferramenta de acompanhamento de projetos e problemas para equipes ágeis. Use o Jira Software para planejar, rastrear e gerenciar lançamentos de produtos digitais:
- Crie projetos usando quadros Kanban, quadros Scrum ou roadmaps.
- Planeje sprints, priorize e distribua tarefas entre a sua equipe de software.
- Acesse relatórios com insights práticos e em tempo real sobre o desempenho da sua equipe.
- Conecte o Jira Software a outras ferramentas da Atlassian.
Você pode conectar o Figma ao Jira Software. Isso permite adicionar arquivos de design e protótipos a itens ou épicos em seus quadros Scrum ou Kanban.
Você precisará criar uma conta no Jira Software para usar essa integração. Não é possível adicionar incorporações ao Jira Align ou ao Jira Service Desk usando essa integração.
Saiba mais sobre como incorporar arquivos do Figma em tempo real em outras ferramentas ->
Instalar o aplicativo Figma for Jira
Antes de poder incorporar arquivos e protótipos no Jira Software, você precisará adicionar o aplicativo Figma à sua conta do Jira.
Você pode fazer isso de qualquer lugar em sua conta do Jira.
-
No menu principal, acesse Aplicativos > Gerenciar seus aplicativos.
-
Clique em Localizar novos aplicativos na barra lateral esquerda e procure o aplicativo Figma.
-
Clique no aplicativo Figma nos resultados e, em seguida, clique em Obter aplicativo, no canto superior direito da listagem de aplicativos.
-
Clique em Obter aplicativo para adicionar o aplicativo Figma à sua conta.
Depois de instalar o aplicativo Figma for Jira, seus itens no Jira terão uma seção Designs. É nessa seção que você pode adicionar e visualizar as Incorporações em tempo real do Figma.
Adicionar um arquivo ou protótipo ao Jira
Você pode incorporar qualquer arquivo ou protótipo, independentemente das configurações de compartilhamento de links do arquivo. Os colaboradores podem interagir com as Incorporações em tempo real do Figma com base nas:
- Permissões de sua equipe ou organização
- Configurações de compartilhamento do arquivo
Vincular um arquivo de design no Jira Software
Sem sair do Jira, você pode vincular vários arquivos do Figma aos itens e ser notificado quando os designs forem atualizados.
Dica: na visualização de Quadro, você verá um ícone de design vinculado nos itens do Jira que possuem um arquivo de design Figma vinculado. Passe o mouse sobre o ícone do design para ver informações sobre o design e quando ele foi atualizado pela última vez, acesse o link do Figma ou visualize o design diretamente na visualização expandida no Jira.
Quando você adiciona um design a um item, o link do Jira é automaticamente adicionado aos recursos de desenvolvimento do arquivo do Figma no Modo de desenvolvimento. Você pode clicar no link do recurso de desenvolvimento para abrir o item no plug-in do Jira, sem sair do Figma.
Saiba mais sobre como usar os recursos de desenvolvimento no Modo de desenvolvimento →
- Abra o item do Jira ao qual você deseja adicionar uma incorporação.
- Se a seção Designs não for exibida, clique em Adicionar design no título. Você também pode clicar em Sincronizar para visualizar todos os designs vinculados anteriormente.
- Cole o URL do Figma no campo e clique em Link.
- Agora você pode visualizar o arquivo sem sair do Jira. Clique na miniatura para expandir a visualização do design. Ao clicar em um protótipo, o arquivo será aberto em uma nova aba.
- Clique no sinal na seção Designs para vincular vários arquivos.
Dica: use a pesquisa JQL para localizar rapidamente os itens do Jira com um status Para fazer ou com designs vinculados marcados como Pronto para desenvolvimento. Você pode realizar rapidamente atualizações em massa, exportar relatórios com base em critérios relacionados a designs vinculados e priorizar tarefas de forma eficaz.
Confira o post do blog da Atlassian para saber mais sobre a pesquisa de itens com o JQL →
Vincular um arquivo de design com o plug-in do Jira
Aproveite o contexto completo ao transformar designs em código com o plug-in do Jira. Com o plug-in, você pode vincular os itens do Jira a páginas ou camadas do Figma para ter sempre as informações relevantes de que precisa.
Use o plug-in do Jira para:
- Importar e vincular itens existentes do Jira a páginas ou camadas em um arquivo Figma, para que os desenvolvedores tenham todo o contexto relevante de que precisam facilmente acessível.
- Visualizar os itens vinculados do Jira diretamente no Figma, para reduzir a troca de contexto durante a implementação do design.
- Criar novos itens do Jira diretamente a partir do Figma para manter o fluxo, mesmo que você perceba que é necessário criar novos itens como parte do planejamento ou da transferência.
Quando você vincula um design a um item usando o plug-in do Jira, um link para o arquivo de design é automaticamente adicionado ao item do Jira, na seção Designs.
Confira o plug-in do Jira na Figma Community →
Para usar o plug-in do Jira no Figma:
- Execute o plug-in do Jira no seu arquivo de design. O plug-in está disponível tanto no Modo Design quanto no Modo de desenvolvimento.
Saiba mais sobre o uso de plug-ins em arquivos → - Selecione a página ou camada específica que você deseja incorporar.
- Clique em Criar item para adicionar um novo item no Jira ou Vincular item para conectar um item existente no Jira à página ou camada selecionada.
- Quando um item estiver vinculado, você poderá visualizar seus detalhes no plug-in do Jira.
Observação: quando você usa o plug-in para vincular um item a um design, o item também é adicionado como um link em Recursos de desenvolvimento no Modo de desenvolvimento para melhorar a descoberta.
Saiba mais sobre como usar os Recursos de desenvolvimento no Modo de desenvolvimento ->
Criar itens a partir do widget do Jira
Use o widget do Jira para puxar os projetos do Jira e todos os itens associados para a tela para discutir e atualizar com sua equipe. Ajuste o responsável, a prioridade, o status e o tipo de item diretamente no Figma ou FigJam, enquanto mantém sua fonte de verdade no Jira. Você pode capturá-los facilmente como novas tarefas, como itens no Jira, e até mesmo vincular projetos associados do Figma.
Confira o widget do Jira na Figma Community ->
No design do Figma
Ao executar o widget do Jira a partir de um arquivo de design, você pode criar um item a partir do design ou importar um item ou projeto existente.
Saiba mais sobre o uso de widgets em arquivos →
Para criar um item a partir de um design:
- Clique em Criar item a partir do design no widget.
- Adicione um breve Resumo do seu item.
- Selecione de onde adicionar o design. Você pode adicionar designs de um quadro selecionado, da página atual ou colando um link do Figma.
- Selecione um Projeto no menu suspenso para adicionar o novo item.
- Selecione um Tipo de item no menu suspenso.
- Clique em Criar para gerar o item. Você verá o problema como um objeto que pode ser arrastado no arquivo.
No FigJam
Ao executar o widget do Jira a partir de um arquivo FigJam, você pode transformar notas adesivas em itens ou importar um item ou projeto existente.
Para transformar notas adesivas em itens:
- Selecione uma ou várias notas adesivas para transformar em itens.
- Clique em Transformar notas adesivas em itens no widget.
- Selecione um Projeto no menu suspenso para adicionar o novo item.
- Selecione um Tipo de item no menu suspenso.
- Clique em Converter notas adesivas para gerar os itens. Você verá a nota adesiva se transformar em um item que pode ser arrastado na tela.
Visualizar tags do Design atualizado
Para ver a tag Design atualizado em uma miniatura de design, peça ao administrador do Jira para Conectar o Figma ao Jira em Obter atualizações de design. Essa tag ficará visível se um design vinculado tiver sido atualizado desde a última vez que você visualizou um item.
O administrador do Jira precisará adicionar URLs de equipe do Figma para todas as equipes que usam um site do Jira.
Para encontrar o URL da sua equipe no Figma:
Planos Enterprise
- Clique em Todos os espaços de trabalho na barra lateral esquerda do navegador de arquivos.
- Em Suas equipes, clique com o botão direito do mouse na equipe específica.
- Selecione Copiar link.
Planos Organization
- Clique em Todos os espaços de trabalho na barra lateral esquerda do navegador de arquivos.
- Clique com o botão direito do mouse na equipe específica.
- Selecione Copiar link.
Planos Starter/Pro
- Clique com o botão direito do mouse na equipe específica na barra lateral esquerda do navegador de arquivos.
- Selecione Copiar link para a equipe.
Observação: para a tag Design atualizado aparecer no item do Jira, todos os usuários ativos devem primeiro fechar todas as abas do navegador que tenham o arquivo de design do Figma vinculado.
Automatizar fluxos de trabalho com designs vinculados
Economize tempo automatizando processos manuais para melhorar a colaboração entre as equipes de design e desenvolvimento. Use a automação de design no Jira para notificar os desenvolvedores sobre alterações nos designs, fazer a transição dos status dos problemas e adicionar facilmente rótulos aos itens com designs.
Para configurar automações com designs vinculados em um projeto do Jira:
- Acesse Configurações do projeto > Automação na barra lateral esquerda.
- Clique na aba Modelos.
- Na seção Design, selecione a automação que deseja configurar.
- Clique em Ativar regra. Ao lado do nome da regra, você verá o status dela mudar para Ativado.
Você pode desativar ou excluir uma automação na aba Regras, em Automação.
Saiba mais sobre como automatizar tarefas e processos no Jira →
Remover o Figma do Jira
Você pode remover uma única incorporação ou desinstalar o aplicativo Figma para remover o aplicativo e todas as incorporações do Figma.
Remover uma incorporação
Se quiser excluir um arquivo ou protótipo específico, você pode removê-lo do item no Jira.
- Abra o item do qual você quer remover a incorporação.
- Clique em Remover design ao lado da incorporação.
-
O Jira removerá essa incorporação do item.
Remover o aplicativo Figma for Jira
Se quiser desconectar sua conta Figma do Jira, você pode desinstalar o aplicativo Figma. Isso também removerá qualquer incorporação de arquivo ou protótipo do seu quadro.
- Abra o quadro no Jira.
- Clique em Aplicativos na barra de menus e selecione Gerenciar seus aplicativos.
- Clique na seta ao lado do aplicativo Figma para expandir.
- Clique no botão Desinstalar: