Status e notificações do Dev Mode

Antes de você começar

Quem pode usar este recurso

As notificações e o status Ready for Dev estão disponíveis em todos os planos pagos

O status Concluído está disponível nos planos Enterprise ou Organization

Requer uma licença Full ou Dev

Os status e as notificações no Dev Mode ajudam a gerenciar o handoff de desenvolvimento. Os status são usados para rastrear quando seções, quadros ou componentes estão Ready for Dev. As notificações são baseadas em alterações de status para que os desenvolvedores possam reagir ao estado dos designs.

Status

Os status do Dev Mode mostram o estágio atual de um design para handoff. Os designers podem adicionar notas sobre atualizações ou alterações aos status.

Há dois status disponíveis no Dev Mode para gerenciar o handoff:

• Ready for Dev: indica quais seções, quadros e componentes estão prontos para análise e implementação do desenvolvedor.
• Concluído (planos Organization e Enterprise): indica que o trabalho de desenvolvimento do design está concluído.

Os status Ready for Dev e Concluído também têm um estado Alterado . O estado Alterado é definido quando um design marcado como Ready for Dev ou concluído é modificado. Ele não pode ser definido manualmente.

Ao alterar um design previamente marcado como Ready for Dev ou concluído, o designer deve seguir os passos para atualizar o status do design alterado para eliminar o estado Alterado.

Ao encontrar um design que foi alterado, o designer pode comparar as alterações para ver por que o estado mudou, bem como as diferenças em relação à versão anterior. O desenvolvedor também deve entrar em contato com os designers para atualizar o status do design alterado.

O design não será marcado como alterado nas seguintes situações:

• Se uma instância de componente for atualizada de uma biblioteca compartilhada
• Se houver uma alteração no valor de uma variável que já está vinculada a uma camada no design
• Se houver uma alteração no valor de um estilo que já está vinculado a uma camada no design
• Se a alteração for temporária, por exemplo, ao passar o mouse sobre um objeto em um design que usa layout automático

É possível definir e atualizar o status ao editar designs ou no Dev Mode. Também é possível alterar e atualizar os status nas visualizações Ready for Dev e focada do Dev Mode.

Marcar um design como Ready for Dev

Para marcar um design como Ready for Dev:

1. No Figma Design ou Dev Mode, selecione uma seção, quadro ou componente.
2. Em seções e quadros, ao lado do rótulo, clique em Marcar como Ready for Dev. Em componentes, o botão fica acima do canto superior direito. Todos os usuários que abriram o arquivo anteriormente no Dev Mode recebem uma notificação de que o design está marcado como Ready for Dev.

Remover o status Ready for Dev

Para remover o status Ready for Dev:

1. Na seção, ou o componente de que você gostaria de limpar o status, clique em Ready for Dev.
2. No menu suspenso, clique em Remover status.

Marcar um design como concluído (planos Enterprise ou Organization)

Para marcar um design como concluído:

1. Na seção, quadro ou componente que você quer marcar como concluído, clique em Ready for Dev.
2. No menu suspenso, clique em Marcar como concluído. Todos os usuários que abriram o arquivo anteriormente recebem uma notificação de que o design foi concluído.

Alterar o status de um design alterado (planos Enterprise ou Organization)

Para atualizar o status de um design que foi alterado:

1. Na seção, quadro ou componente atualizado, clique em Ready for Dev.
2. Se quiser, você pode inserir o motivo da alteração na caixa de texto exibida. O motivo está incluído no histórico de versões do design e nas notificações acionadas pela alteração.
3. Clique em Alterações concluídas. O status será definido como Ready for Dev. Todos os usuários que abriram o arquivo anteriormente serão notificados de que o design foi atualizado. Se você indicou um motivo para a alteração, esse motivo será incluído na notificação.

Notificações

As notificações do Dev Mode informam quando o status de um arquivo é alterado. Por padrão, o Figma oferece notificações por e-mail e push em desktop e dispositivos móveis. Você também pode configurar:

• Notificações no Slack com a integração do Slack para Figma
• Notificações no Teams com o aplicativo Figma para Microsoft Teams

Se tiver visualizado um arquivo no Dev Mode e tiver acesso total ou licença de desenvolvimento, você receberá notificações quando os designs forem marcados pela primeira vez como Ready for Dev.

Se você tiver um plano empresarial ou de organização, serão acionadas notificações adicionais:

• Para designs que já tiveram o status Ready for Dev ou Concluído, quando o status é atualizado após uma alteração no design.
• Quando um design é marcado como Concluído

Se vários designs mudarem de status em uma hora, as notificações serão agrupadas por tipo. Por exemplo, várias atualizações para o status Ready for Dev serão combinadas em uma única notificação.

As notificações do Dev Mode incluem links para os designs relevantes:

• O link Inspecionar no Dev Mode leva à visualização Ready for Dev do arquivo correspondente no Figma
• Os cartões individuais dos designs abrem o design correspondente na Visualização focada

Gerenciar notificações do Dev Mode

Para alterar as configurações de notificações de um arquivo no Dev Mode:

1. Abra um arquivo do Figma Design.
2. Clique no botão Dev Mode ou use o atalho do teclado ShiftD.
3. Clique em Comentar ou pressione C para entrar no modo de comentários.
4. Clique em Configurações na parte superior da barra lateral direita.
5. No menu suspenso, selecione uma das seguintes opções:
   • Alterações de status: essa configuração notifica você sempre que um design no arquivo é marcado como Ready for Dev.
   • Nada: você não recebe notificações do Dev Mode.

As configurações de notificações do Dev Mode podem ser alteradas na interface do Dev Mode e na visualização em foco de um design.