Ext Ops Panel
Abrir o painel
Comparação

designlang vs. DesignScan

designlang é um pacote de plugins para ferramentas de programação com IA publicado por Manavarya Singh. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). DesignScan é um servidor MCP publicado por ms-zaman. Marketplaces que lemos e que o listam: 1 (Official MCP Registry). Conforme nossa passagem pelos marketplaces em 2026-10-29. Este par foi escolhido por um leitor, não pela nossa regra de comparação, por isso pedimos aos buscadores que não indexem a página.

Onde cada um é publicado

Onde cada um é publicado
MarketplacedesignlangDesignScan
Marketplace da comunidade manavarya09/design-extract Listado
Versão: 13.3.2
Forks (GitHub): 376
Estrelas (GitHub): 4 413
Sem marcação · Visto pela primeira vez
Não listado
Official MCP Registry Não listado Listado
Versão: 0.4.0
Downloads por mês (npm): 151
Downloads por semana (npm): 27
Forks (GitHub): 1
Estrelas (GitHub): 1
Sem marcação · Visto pela primeira vez

Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.

Os fatos lado a lado

designlang vs. DesignScan
FatodesignlangDesignScan
Marketplaces que o listam11
Estrelas (GitHub) (diferente)4 413 (melhor)1 (pior)
Forks (GitHub) (diferente)376 (melhor)1 (pior)
Último releaseNão publicadoNão publicado
Onde roda (diferente)Instala-se como pacote de pluginsNa sua máquina (@designscan/extractor)
Transporte (diferente)Não informadostdio
Ferramentas que declaraNão publicadoNão publicado
Variáveis de ambiente que pedeNão publicadoNão publicado
Partes do pacote (diferente)15Não é um pacote
Licença (diferente)MITNão informado
Repositório (diferente)github.com/manavarya09/design-extractgithub.com/ms-zaman/designscan
Mudanças nos últimos 7 dias (diferente)20
Visto pela primeira vez (diferente)2026-10-272026-10-11

As linhas em que os dois diferem têm fundo destacado e valores em negrito. Onde os próprios dados dizem qual valor é melhor (mais marketplaces, um número maior do mesmo marketplace, um release mais recente, uma marca verified em um marketplace que lista os dois), o melhor também é marcado em verde com ▲ e o pior em vermelho com ▼. Onde roda, o transporte, as ferramentas, as configurações, os hooks, as partes do pacote, a licença e as mudanças da semana são marcados apenas como diferentes: mais ou menos não é melhor por si só.

O que cada um diz que faz

designlang

Nas próprias palavras, em Community GitHub marketplaces:

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

DesignScan

Nas próprias palavras, em Official MCP Registry:

Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

Como executar cada um

designlang Como plugin do Claude Code

Claude Code
/plugin marketplace add manavarya09/design-extract
/plugin install designlang@designlang

DesignScan Como servidor MCP local: pacote npm

Claude Code
claude mcp add --transport stdio designscan -- npx -y @designscan/extractor mcp

Comandos construídos apenas com o que os marketplaces declaram; o conjunto completo para cada cliente está no cartão de cada um.

Ferramentas que cada um declara

Os marketplaces de nenhum dos dois publicam uma lista de ferramentas, então não há o que comparar.

Configurações que cada um pede

Os marketplaces de nenhum dos dois publicam as configurações que ele pede.

O que pode fazer: designlang · O que pode fazer: DesignScan · Comparar outros dois plugins

Dados de Community GitHub marketplaces. Dados de Official MCP Registry. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.

De onde vêm os dados: como o catálogo é montado