Descrição da ferramenta: VibeDesign é uma extensão para Chrome que extrai tokens de design de sites ao vivo, convertendo-os em prompts estruturados para ferramentas de IA, facilitando a codificação e o desenvolvimento visual.
Atributos:
🎨 Extração de cores: Captura cores com funções semânticas do site.
🔤 Escala tipográfica: Identifica e estrutura tamanhos e estilos de fontes.
📏 Ritmo de espaçamento: Analisa margens, paddings e espaçamentos entre elementos.
⏱️ Temporização de animações: Detecta tempos e sequências de animações em páginas web.
⚙️ Compatibilidade com modelos: Suporta Gemini, Claude Opus 4.7, GPT-4o e outros modelos de IA.
Exemplos de uso:
🖥️ Código para temas personalizados: Extrair tokens para criar temas visuais consistentes em projetos web.
📝 Criar prompts para IA: Gerar comandos estruturados a partir do design do site para ferramentas como Replit ou Figma Make.
🎨 Análise de paleta de cores: Obter as cores semânticas utilizadas em um site para uso em branding ou UI/UX design.
🔧 Ajuste de componentes visuais: Usar tokens extraídos para ajustar componentes em sistemas de design automatizados.
🚀 Painel integrado para desenvolvedores: Facilitar a integração rápida dos tokens no fluxo de trabalho com suporte a múltiplos modelos AI.