Sobre

Sobre o Design Extractor

O Design Extractor transforma a URL de um site público em um DESIGN.md: um único arquivo Markdown com as cores, a tipografia, o espaçamento, as formas e os componentes do site, e a lógica por trás deles. Agentes de código com IA como Claude Code, Cursor, GitHub Copilot e Google Stitch leem esse arquivo como referência de estilo.

Quem está por trás

O Design Extractor é um produto da Magentix Studio, Magentix Studio UG (haftungsbeschränkt), com sede em Mannheim, Alemanha. O diretor-geral é Fadel Kaadan. Os dados da empresa estão nas informações legais, e você pode falar com a gente pela página de contato.

Como funciona uma extração

Você cola uma URL pública. O Design Extractor carrega a página ao vivo em um navegador, lê as propriedades visuais dela (cores, tipografia, espaçamento, formas e componentes recorrentes) e escreve tudo em um DESIGN.md: um front matter em YAML com os valores exatos dos tokens e um corpo em Markdown que explica como usá-los.

Uma extração Pro cobre cerca de cinco páginas do site. Cada extração consome créditos pré-pagos, e se uma extração falhar por um problema do nosso lado, os créditos voltam para o seu saldo. Veja como o Design Extractor funciona.

Como a galeria é feita

A galeria reúne arquivos DESIGN.md que extraímos das páginas públicas de sites conhecidos, com a mesma extração que você pode fazer. Eles descrevem a aparência dessas páginas. Não são diretrizes oficiais de marca, e mostrar uma marca não implica nenhuma afiliação com o dono dela nem endosso por parte dele. Se você é dono de um site da galeria e quer que ele seja removido, fale com a gente.

Por onde começar