What is Designmd.fun

Designmd.fun é uma ferramenta de engenharia reversa de UI e geração de contexto para IA. Cole a URL de qualquer site público e a ferramenta renderiza a página como um visitante real a veria, analisa o design system por trás dela e gera um conjunto completo de arquivos de documentação legíveis por máquina.

Segundo o site, uma única análise produz dez arquivos prontos para IA por URL: um design.md de produção, tailwind.config.ts, tokens.json, components.md, animations.md, prompt.md, figma.json e css-vars.css, além de JSON de cores e tipografia. Cada arquivo é gerado ao mesmo tempo e referenciado entre si para que os resultados permaneçam consistentes.

O fluxo de trabalho é propositalmente curto: cole uma URL, deixe o analisador agrupar cores em papéis, tipografia em uma escala e espaçamento em um ritmo, gere o conjunto de arquivos e baixe um ZIP que você pode colocar em um repositório ou colar diretamente em um agente de código. A paleta extraída é apresentada como amostras clicáveis para cópia rápida.

Tudo o que a ferramenta extrai é descrito como proveniente da página renderizada e abrange design system, componentes de UI, grade de layout, breakpoints, animações e movimento, raio de borda, sombras, fontes, ícones, paleta de cores e acessibilidade. A saída é voltada para Claude Code, Cursor, Windsurf, ChatGPT, Lovable, Bolt, v0 e GitHub Copilot, com direcionamento de prompt pronto para cópia para Claude, Cursor, Windsurf, Lovable e v0.

O Designmd.fun também publica uma biblioteca de design systems de produção pré-analisados — Stripe, Linear, Vercel, Notion, Framer, Raycast, Supabase, Airtable, Cursor, PostHog, Resend, Warp e Webflow estão entre os sites listados — para que você possa navegar pela documentação de referência sem executar sua própria análise. O site afirma que não é necessário cadastro para experimentar.

O Designmd.fun transforma a URL de qualquer site público em dez arquivos de documentação de design prontos para IA — design.md, tokens.json, tailwind.config.ts, components.md e mais — para ferramentas como Claude Code, Cursor e Lovable.