Visualização Pronto para desenvolvimento do Dev Mode

O processo de handoff ao desenvolvedor não é instantâneo. Na verdade, o design passa por vários ciclos de iteração conforme a equipe refina ideias e implementa feedbacks.

Um dos momentos mais importantes do processo, e que pode ocorrer muitas vezes, é a revisão do design que está pronto para desenvolvimento. Conforme os designers da sua organização trabalham nos designs, eles marcam seções, quadros e componentes nos arquivos de design como Pronto para desenvolvimento. Antes de implementar os designs na sua base de código, você e os desenvolvedores precisam visualizá-los.

Para evitar confusão e que detalhes importantes se percam, os desenvolvedores podem acessar uma visualização no Dev Mode que exiba uma lista de todos os designs em um determinado arquivo marcados com o status de desenvolvimento. Além disso, a visualização Pronto para desenvolvimento destaca a atualização mais recente de um design para que você saiba se ele foi alterado desde o handoff inicial.

Visualização Pronto para desenvolvimento

A visualização Pronto para desenvolvimento no Dev Mode mostra todos os designs marcados como Pronto para desenvolvimento no mesmo local. Isso permite que os desenvolvedores encontrem rapidamente o que precisam sem ter que ir para lá e para cá na tela ou em várias páginas. Um contador indica quantos designs estão marcados como Pronto para desenvolvimento.

Para acessar a visualização Pronto para desenvolvimento:

1. Abra um arquivo do Figma Design.
2. Clique em Pronto para desenvolvimento na barra lateral esquerda.

Observação: a visualização Pronto para desenvolvimento só aparece nos arquivos que têm o status Pronto para desenvolvimento em pelo menos um design.

A visualização Pronto para desenvolvimento se abre e exibe uma lista de todos os designs marcados com o status de desenvolvimento. Aqui você pode:

• Filtrar designs: use as opções para filtrar com base nestas categorias:

  • Todos
  • Pronto
  • Concluído

  Também é possível organizar a exibição por:

  • Atividade recente
  • Páginas
  • Nome (A-Z)

• Foco em um design: na visualização Pronto para desenvolvimento, clique em um design para abrir uma visualização focada.

Status

No Dev Mode, o status de desenvolvedor indica o estado atual do design em relação ao handoff. O status pode incluir anotações dos designers sobre o design e sobre o que mudou. O Dev Mode disponibiliza alguns status para ajudar a administrar o handoff:

• Pronto para desenvolvimento: defina seções, estruturas e componentes que estejam prontos para que um desenvolvedor analise e implemente.
• Concluído: indica que o trabalho de desenvolvimento do design foi concluído (somente para planos empresariais e de organização).

Para saber mais sobre status, consulte Status e notificações do Dev Mode.

No contexto da visualização Pronto para desenvolvimento, o status aparece no canto superior direito de cada design listado.

Visualização em foco

A visualização em foco no Dev Mode isola um design específico que esteja pronto para desenvolvimento. Ao focar em um design, você pode inspecionar as camadas do design, visualizar o histórico de versões para o design e usufruir de todos os recursos usuais do Dev Mode. Saiba mais sobre visualização em foco →