Prime Extract

Sobre a Extensão

Ferramenta para auxiliar desenvolvedores no apoio de elementos visuais do site.

Prime extractor é uma extensão para Chrome que permite listar e visualizar todos os recursos visuais (imagens, SVGs e vídeos) presentes na página atual. Com uma interface moderna e intuitiva, a extensão facilita o trabalho de designers, desenvolvedores e profissionais de conteúdo que precisam extrair assets de websites.

Funcionalidades Principais

1. Extração de Múltiplos Tipos de Assets

• Imagens: Detecta e lista todas as imagens da página (JPG, PNG, WebP, GIF, etc.)
• SVGs: Identifica SVGs inline e externos, incluindo aqueles em background CSS

2. Interface Organizada por Abas

•Navegação intuitiva entre diferentes tipos de assets
•Header fixo que permanece visível durante a rolagem
•Design responsivo e moderno

3. Visualização Rica

•Preview de todos os assets com tamanho e dimensões
•Informações sobre origem e tipo de cada asset
•Visualização otimizada para diferentes formatos

4. Múltiplas Opções de Interação

•Cópia para Figma: Clique em qualquer asset para copiá-lo diretamente para o Figma
•Download em Lote: Opção para baixar todos os assets de uma categoria de uma vez

•Feedback Visual: Alerta elegante confirma quando um item é copiado

Acessando a Extensão

1.Navegue até qualquer site

2.Clique no ícone da extensão na barra de ferramentas do navegador

3.A extensão abrirá um popup mostrando todos os assets disponíveis

Navegando Entre Tipos de Assets

•Use as abas na parte superior para alternar entre Imagens, SVGs e Vídeos
•O header permanece fixo durante a rolagem para fácil navegação

Copiando Assets para o Figma

•Clique diretamente em qualquer asset para copiá-lo para o Figma
•Ou clique no ícone azul de cópia no canto superior direito do asset
•Um alerta visual confirmará quando o item for copiado com sucesso
•Vá para o Figma e use Ctrl+V (ou Cmd+V no Mac) para colar

Baixando Assets

•Clique no ícone de download no canto superior direito de qualquer asset para baixá-lo individualmente

•Use o botão "Baixar Todos" na parte inferior para baixar todos os assets da categoria atual

Compatibilidade

•Navegadores: Google Chrome e outros navegadores baseados em Chromium
•Figma: Compatível com Figma Web e Desktop
•Tipos de Arquivos Suportados:
•Imagens: JPG, JPEG, PNG, GIF, WebP, BMP, ICO
•Vetores: SVG

Limitações

•Em alguns sites com políticas de segurança restritivas, a cópia direta pode não funcionar
•Para SVGs externos com CORS restritivo, apenas a URL será copiada
•Vídeos com DRM ou proteções especiais não podem ser baixados diretamente

Dicas e Truques

•Para melhor desempenho, use a extensão em páginas totalmente carregadas
•Se alguns assets não aparecerem, tente recarregar a página e abrir a extensão novamente
•Para SVGs complexos, a cópia para o Figma preserva todas as propriedades vetoriais
•Use a rolagem para ver todos os assets disponíveis em páginas com muitos recursos

Privacidade e Segurança

•A extensão funciona localmente e não envia dados para servidores externos
•Não coleta informações pessoais ou de navegação
•Requer apenas as permissões mínimas necessárias para funcionar:
•Acesso à aba ativa
•Permissão para executar scripts
•Permissão para downloads