Voltar

Extensão do Figma para o VSCode 🤯

O figma está revolucionando a relação entre devs e designers

Ícaro Harry

Neste mundo acelerado de desenvolvimento de software, ferramentas que podem ajudar a melhorar a produtividade e a colaboração entre diferentes papéis são sempre bem-vindas. E é exatamente isso que a recente extensão do Figma para VS Code promete.

A Extensão Figma para VS Code

O Figma tem feito um ótimo trabalho ao longo dos anos, fornecendo uma plataforma robusta para designers criarem e compartilharem seus trabalhos. Agora, eles deram um passo adiante, lançando uma extensão para o editor de código mais popular do momento, o Visual Studio Code.

Essa extensão permite que os desenvolvedores acessem todos os arquivos de design diretamente do editor de texto. Você pode navegar pelos layouts, verificar as cores e até mesmo salvar imagens no diretório do projeto. É uma integração que promete facilitar ainda mais o processo de transformar designs em códigos.

Screenshot do VSCode com o Figma aberto

Além disso, a extensão oferece a capacidade de comentar nos arquivos de design, fornecendo um canal de comunicação direto entre desenvolvedores e designers. E o mais interessante é que a extensão pode sugerir código CSS com base no design que está sendo exibido. Esta característica pode ser um grande acelerador para o desenvolvimento front-end.

Embora a extensão esteja atualmente em versão Beta, já está disponível para download. Basta procurar por 'Figma' na aba de extensões do VS Code e seguir as instruções para instalação ou então acessar esse link aqui

Pra quem gosta de vídeo

Referências

  1. Figma Blog -Figma for VSCode