Frontender

O Frontender é um plugin do Figma que funciona como um desenvolvedor júnior pessoal, criado para acelerar os fluxos de trabalho de front-end.

Principais recursos e características

1. Do design ao código: selecione qualquer camada no Figma e o Frontender a converterá em código front-end.
2. Sem dependência de Auto Layout: não depende de Auto Layout nem de camadas bem organizadas; identifica ordem, hierarquia e significado mesmo em arquivos desorganizados.
3. Domínio de CSS e Tailwind: entende muito bem CSS e Tailwind, pode usar valores arbitrários ou encontrar o valor mais próximo na configuração.
4. Suporte a configurações personalizadas: cole uma configuração personalizada do Tailwind e ele escreverá código pronto para produção usando classes personalizadas.
5. Vários formatos de saída: Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS e JSX with Tailwind.
6. Compatibilidade com frameworks: funciona com frameworks como Next e React (JSX), além de Vue e Svelte (HTML).

Modelo de preços e custo

Não é necessário criar uma conta e o uso é gratuito para sempre. São oferecidas 15 conversões gratuitas todos os meses.

Como usar

Experimente agora mesmo no Figma sem criar uma conta. Selecione uma camada e obtenha o código.