1. Transformar captura de tela em tokens Tailwind
Desenvolvedor Front-endContexto
O desenvolvedor recebeu uma captura de tela de um novo layout, mas não tem acesso ao arquivo original do Figma.
Problema
Precisa extrair as cores exatas da interface e convertê-las rapidamente em classes do Tailwind CSS para iniciar a codificação.
Como usar
Faz o upload da captura de tela, define o tamanho da paleta para 6 e nomeia o pacote como 'landing-brand'.
{"paletteSize": 6, "exportPackageName": "landing-brand"}Resultado
A ferramenta gera as 6 cores principais da interface e fornece os snippets de configuração do Tailwind prontos para copiar e colar no projeto.