Pitch: Google Stitch to TailwindCSS

Fala galerinha do mal.

Bom, pra começo de conversa, nem chega a ser um pitch, mas quero compartilhar uma coisa simples que fiz e me ajuda bastante nos desenvolvimentos.

Se você conhece e usa o Google Stitch (ferramenta de vibe design) para criar protótipos de tela, já sabe que na última atualização é possível usar um arquivo DESIGN.md para definir o sistema de design das telas. Também deve saber que, ainda, o código das telas usa configurações do TailwindCSS V3.

Eu uso muito o Google Stitch porque não sou bom com web design. 😝

Mas dá trabalho ter que ficar convertendo tudo para Tailwind V4. Então criei o Stitch to Tailwind.

O Stitch to Tailwind é um web app simples que pega o seu DESIGN.md (ou código da tela) e gera tudo pronto para v4, extrai cores, shadows e padrões e gera um output com @theme, @layer, etc.

Se você não tiver nada pra fazer e quiser testar, aqui está o link: https://stitch-to-tailwind.web.app/

Repo para quem quiser colaborar, xingar, clonar, etc.: https://github.com/luiztux/stitch-to-tailwind