Frontender

O Frontender se posiciona como um desenvolvedor júnior pessoal para o trabalho front-end. Você seleciona qualquer camada ou grupo no Figma, executa o plugin e recebe código no formato desejado: CSS puro, CSS-in-JS, classes utilitárias do Tailwind, HTML ou JSX para React e Next.js, além de HTML para projetos Vue e Svelte. Como não depende de auto-layout nem de nomes de camadas organizados, consegue inferir ordem, hierarquia e intenção mesmo em arquivos desorganizados.

O destaque é o domínio do Tailwind CSS: gera valores arbitrários quando nenhum utilitário serve, ou mapeia um valor de design para a classe mais próxima da sua configuração, e ainda aceita uma configuração personalizada de Tailwind colada para usar seus próprios tokens e nomes de classes. A saída é pensada para produção, não apenas um esqueleto aproximado.

A adoção é ampla para uma ferramenta de nicho: o site informa mais de 5.000 desenvolvedores em mais de 30 países. O Frontender é um produto da Hubition, sediada em Utrecht, na Holanda. O preço segue o modelo freemium: sem conta, 15 conversões gratuitas por mês e planos pagos para uso mais intenso.