Programe na tela de trabalho do Figma
Com camadas de código no Figma Design, você pode explorar várias opções com código em conjunto com sua equipe.
Compartilhar Programe na tela de trabalho do Figma
Os agentes ampliaram quem pode desenvolver e o que é possível criar. Mas, muitas vezes, o processo acontece em chats distintos, fluxos de trabalho desconectados e exploração isolada.
Temos flexibilidade para você começar:
No Figma Design você pode criar uma camada de código pela barra de ferramentas, usar um quadro existente ou solicitar a geração ao agente do Figma. A partir daí, comece com um modelo ou descreva o que deseja construir. Você também pode importar uma base de código de um repositório do GitHub ou carregar uma pasta local.
No Make, gere e edite o código, depois traga-o para a tela de trabalho como uma camada de código que pode ser explorada, comparada e aperfeiçoada com sua equipe.
Com camadas de código no Figma Design, o código interativo incorpora-se à própria tela de trabalho, facilitando a exploração, iteração e formatação de ideias pelas equipes no mesmo lugar.
Entretenha todos os seus alter egos
Os designers sempre duplicaram quadros para experimentar alternativas, e as camadas de código funcionam da mesma maneira. Experiências de trabalho podem ficar na tela de trabalho, e você pode comparar como as opções funcionam, não apenas sua aparência. Mova, ajuste e redimensione elementos e obtenha uma resposta de código imediata. Continue alternando sugestões: o agente gera uma nova versão e preserva o original. Como as camadas de código ficam no arquivo compartilhado, os colegas podem entrar, deixar comentários e fazer sugestões na mesma camada.
Alterne seus materiais
Camadas de código permitem explorar o software. Selecionando extrair designs, o código fica visualmente compreensível, com o estado atual reconvertido em camadas editáveis no Figma. Você decide o que entra na tela de trabalho: uma única tela, um estado específico, ou um fluxo completo. A partir daí, um clique atualiza a camada de código com suas edições. Assim, você mantém a fluidez do trabalho entre a tela de trabalho e o código.
Aprimore com suas ideias
Quando quiser mais especificidade, você pode fazer anotações no editor de código e pedir ao assistente para fazer a alteração desejada ou clicar e fazer a edição você mesmo. Quando estiver satisfeito, converta de volta para a camada de código e envie para o seu repositório, registrando as alterações no código-fonte. Agora, toda a equipe tem acesso à atualização.
Com camadas de código no Figma Design, a tela de trabalho torna-se um espaço compartilhado onde design e código evoluem juntos — um lugar para experimentar, comparar e encontrar a ideia certa para desenvolver.
As camadas de código serão lançadas em versão beta fechada nas próximas semanas. Inscreva-se aqui para solicitar acesso antecipado. Acesse a central de ajuda para ver um resumo do que lançamos no Config e por onde começar. Encontre respostas e inspirações para todas as áreas do Figma no Figma Learn.
Leia o resumo do Config feito por Dylan Field, CEO e cofundador da Figma.
