Nova CLI extrai sistemas de design de qualquer website
Uma nova ferramenta CLI automatiza a extração de sistemas de design, simplificando o fluxo de trabalho para desenvolvedores e designers.
Nova CLI extrai sistemas de design de qualquer website
Esta ferramenta CLI permite que você insira uma URL e ela extraia automaticamente:
- cores
- tipografia
- espaçamento
- bordas
- sombras
- componentes
- breakpoints
- tokens de movimento
Além disso, a ferramenta gera um arquivo DESIGN.md, tornando sua utilização muito conveniente.
Desenvolvedores front-end, "vibe coders" e designers agora podem fechar as DevTools e abrir o terminal, otimizando seu fluxo de trabalho.
Por que isso importa
AnáliseEssa ferramenta simplifica significativamente o processo de design ao permitir acesso rápido aos dados necessários de qualquer site. Ela pode economizar tempo e esforço tanto para desenvolvedores quanto para designers.
Debater na comunidade
Compartilhe suas dúvidas e insights com desenvolvedores
Relacionado no ecossistema
Guias práticos, terminologia essencial e skills de agentes
WebMCP & Ferramentas Nativas do Navegador
Adaptação do Model Context Protocol (MCP) para funcionar diretamente no navegador web, permitindo que agentes de IA interajam com o DOM, LocalStorage, WebAssembly e IndexedDB sem a necessidade de daemons locais.
DESIGN.md Extractor: extraia o design de qualquer site com Claude
Guia prático completo sobre o uso da skill DESIGN.md Extractor para Claude Code: extração de tokens visuais, geração do arquivo DESIGN.md, pré-visualização HTML interativa e exportação para Tailwind CSS.
Criando um design system no Figma com o Claude Code
Guia passo a passo para criar um design system completo no Figma usando o Claude Code: tokens, componentes, variáveis e interfaces prontas.
Midjourney (Plataforma Líder de Design Artístico)
Gerador de imagens fechado líder, com o mais alto nível de estética artística. Padrão da indústria para designers, cineastas, artistas conceituais e criativos publicitários.