Visualização Ready for Dev do Dev Mode
Esse artigo está disponível tanto no Figma UI anterior como no novo Figma UI. Use o botão de alternância no canto inferior esquerdo da página para selecionar o UI atual. Conheça o UI3: a reformulação do Figma →
Antes de você começar
Quem pode usar este recurso
Disponível nos planos Organization e Enterprise.
Usuários com acessos Full, Dev ou View podem acessar a visualização Ready for Dev.
Usuários com licenças Full ou Dev podem alterar os status.
Usuários com licenças Full ou Dev podem acessar a visualização focada.
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á Ready for Dev. Conforme os designers da sua organização trabalham nos designs, eles marcam seções, quadros e componentes nos arquivos de design como Ready for Dev. 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 Ready for Dev destaca a atualização mais recente de um design para que você saiba se ele foi alterado desde o handoff inicial.
Visualização Ready for Dev
A visualização Ready for Dev no Dev Mode mostra todos os designs marcados como Ready for Dev 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 Ready for Dev.
Para acessar a visualização Ready for Dev:
- Abra um arquivo do Figma Design.
- Clique em Ready for Dev na barra lateral esquerda.
Observação: a visualização Ready for Dev só aparece nos arquivos que têm o status Ready for Dev em pelo menos um design.
A visualização Ready for Dev 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 Ready for Dev, 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:
- Ready for Dev: defina seções, quadros e componentes que estejam prontos para que um desenvolvedor analise e implemente.
- Concluído: indica que o trabalho de desenvolvimento do projeto foi concluído (somente para planos Organization e Enterprise).
Para saber mais sobre status, consulte Status e notificações do Dev Mode.
No contexto da visualização Ready for Dev, o status aparece no canto superior direito de cada design listado.
Modo Foco
A visualização em foco no Dev Mode isola um design específico que esteja Ready for Dev. 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 →
Antes de você começar
Quem pode usar este recurso
Disponível nos planos Organization e Enterprise.
Usuários com acessos Full, Dev ou View podem acessar a visualização Ready for Dev.
Usuários que possuem licença completa ou de desenvolvedor podem alterar os status.
Usuários que possuem licença completa ou de desenvolvedor podem acessar a visualização em foco.
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á Ready for Dev. Conforme os designers da sua organização trabalham nos designs, eles marcam seções, quadros e componentes nos arquivos de design como Ready for Dev. 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 Ready for Dev destaca a atualização mais recente de um design para que você saiba se ele foi alterado desde o handoff inicial.
Observação: este vídeo explica a colaboração e o handoff no Dev Mode usando a interface reprojetada do Figma. Para ver exemplos da interface antiga, consulte as imagens neste artigo.
Visualização Ready for Dev
A visualização Ready for Dev no Dev Mode mostra todos os designs marcados como Ready for Dev 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 Ready for Dev.
Para acessar a visualização Ready for Dev:
- Abra um arquivo do Figma Design.
- Clique em Ready for Dev na barra lateral esquerda.
Observação: a visualização Ready for Dev só aparece nos arquivos que têm o status Ready for Dev em pelo menos um design.
A visualização Ready for Dev 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 Ready for Dev, 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:
- Ready for Dev: defina seções, quadros e componentes que estejam prontos para que um desenvolvedor analise e implemente.
- Concluído: indica que o trabalho de desenvolvimento do projeto foi concluído (somente para planos Organization e Enterprise).
Para saber mais sobre status, consulte Status e notificações do Dev Mode.
No contexto da visualização Ready for Dev, o status aparece no canto superior direito de cada design listado.
Modo Foco
A visualização em foco no Dev Mode isola um design específico que esteja Ready for Dev. 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 →