Ao longo desta coleção de MCP, aprendemos muito sobre MCP e code connect, duas funcionalidades disponíveis no Figma Dev Mode. Esta lição irá lhe contar um pouco mais sobre como o Dev Mode pode preencher algumas lacunas.
O que é o Dev Mode?
O Dev Mode é o portal para os recursos de desenvolvedor mais poderosos do Figma, como a conexão de código, e o servidor MCP do Figma.
O Dev Mode oferece tudo o que você precisa para navegar nos arquivos de design e transformar 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 entrega.
Os desenvolvedores usam o Dev Mode para:
- Acessar recursos de inspeção avançada
- Visualizar o código do componente, incluindo código real do seu código-fonte, usando a conexão de código
- Comparar as alterações aos designs
- Definir status como “pronto para desenvolvimento”
- Integrar com suas outras ferramentas, como JIRA, Storybook e GitHub
- Explorar todas as variantes de um conjunto de componentes sem editar o arquivo
- Vincular designs a tíquetes, documentos e componentes de código
- Inspecionar designs e gravar código lado a lado usando a extensão Figma para VS Code
Entrar no Dev Mode
Você pode entrar no Dev Mode a partir de qualquer um de seus arquivos do Figma Design usando a opção de alternância ou atalho.
- Abra um arquivo do Figma Design.
- Clique no botão Dev Mode ou use o atalho do teclado Shift D
Disponibilidade do Dev Mode
O Dev Mode está disponível em planos pagos com um acesso Full ou Dev.
Saiba mais sobre os diferentes tipos de acessos e como gerenciá-los →