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 →
O Dev Mode no Figma oferece aos desenvolvedores tudo o que eles precisam para navegar nos arquivos de design e transformar os designs em código. Com o Dev Mode, designers e desenvolvedores se mantêm alinhados, garantindo que nenhuma informação importante se perca no processo de handoff.
Os desenvolvedores usam o Dev Mode para:
-
Acessar recursos de inspeção avançada e mais linguagens de geração de código
-
Veja o que foi alterado desde a última vez que você visualizou um arquivo, comparando as versões das estruturas
-
Revisar rapidamente os designs que estão Ready for Dev com status e anotações
-
Simplificar o fluxo de trabalho com integrações centradas no desenvolvedor, como o JIRA, Storybook e GitHub
-
Explorar componentes do design system em um playground
-
Conectar designs com links para tíquetes, documentação e componentes no código
Saiba mais em nosso Guia para o Dev Mode →
Acesso Dev
Qualquer pessoa com uma licença Full ou Dev pode acessar o Dev Mode.
| Acesso | O que inclui |
| Full |
|
| Dev |
|
| Collab |
|
| Visualizar |
|
Os usuários podem solicitar acesso ao Dev Mode se a licença atual deles não permitir acesso ao Dev Mode. Os administradores podem usar as configurações de aprovação de licenças para gerenciar as solicitações de licenças recebidas.
Saiba mais sobre o gerenciamento de licenças no Figma.
Observação: o Dev Mode não está disponível no plano Iniciante.
Os desenvolvedores ainda podem inspecionar designs sem uma licença Dev?
Quer ver isso na prática? Siga Tom Lowry, DA do Figma, em um passeio pela experiência somente visualização →
Nem todos em sua organização podem precisar dos recursos avançados que vêm com o Dev Mode. Os desenvolvedores que não têm essa opção ainda podem usar o Figma Design com uma licença de visualização gratuita e fazer inspeções básicas, como visualizar propriedades e medidas, copiar código e exportar assets. Como administrador, você pode gerenciar os usuários que precisam de licenças de visualização no Figma Design a partir do painel do administrador, da mesma forma que você gerencia as licenças Dev.
Para saber mais sobre como inspecionar com ou sem o Dev Mode, consulte o Guia de inspeção →
Recursos úteis para compartilhar com seus desenvolvedores
Estes são os principais artigos para ajudar os desenvolvedores da sua organização a se familiarizarem com a inspeção no Figma, em todos os tipos de licença.
O Dev Mode no Figma oferece aos desenvolvedores tudo o que eles precisam para navegar nos arquivos de design e transformar os designs em código. Com o Dev Mode, designers e desenvolvedores se mantêm alinhados, garantindo que nenhuma informação importante se perca no processo de handoff.
Os desenvolvedores usam o Dev Mode para:
-
Acessar recursos de inspeção avançada e mais linguagens de geração de código
-
Veja o que foi alterado desde a última vez que você visualizou um arquivo, comparando as versões das estruturas
-
Revisar rapidamente os designs que estão Ready for Dev com status e anotações
-
Simplificar o fluxo de trabalho com integrações centradas no desenvolvedor, como o JIRA, Storybook e GitHub
-
Explorar componentes do design system em um playground
-
Conectar designs com links para tíquetes, documentação e componentes no código
Saiba mais em nosso Guia para o Dev Mode →
Acesso Dev
Qualquer pessoa com uma licença Full ou Dev pode acessar o Dev Mode.
| Acesso | O que inclui |
| Full |
|
| Dev |
|
| Collab |
|
| Visualizar |
|
Os usuários podem solicitar acesso ao Dev Mode se a licença atual deles não permitir acesso ao Dev Mode. Os administradores podem usar as configurações de aprovação de licenças para gerenciar as solicitações de licenças recebidas.
Saiba mais sobre o gerenciamento de licenças no Figma.
Observação: o Dev Mode não está disponível no plano Iniciante.
Os desenvolvedores ainda podem inspecionar designs sem uma licença Dev?
Quer ver isso na prática? Siga Tom Lowry, DA do Figma, em um passeio pela experiência somente visualização →
Nem todos em sua organização podem precisar dos recursos avançados que vêm com o Dev Mode. Os desenvolvedores que não têm essa opção ainda podem usar o Figma Design com uma licença de visualização gratuita e fazer inspeções básicas, como visualizar propriedades e medidas, copiar código e exportar assets. Como administrador, você pode gerenciar os usuários que precisam de licenças de visualização no Figma Design a partir do painel do administrador, da mesma forma que você gerencia as licenças Dev.
Para saber mais sobre como inspecionar com ou sem o Dev Mode, consulte o Guia de inspeção →
Recursos úteis para compartilhar com seus desenvolvedores
Estes são os principais artigos para ajudar os desenvolvedores da sua organização a se familiarizarem com a inspeção no Figma, em todos os tipos de licença.