What is Designmd.fun

Designmd.fun es una herramienta de ingeniería inversa de interfaces y generación de contexto para IA. Pega la URL de cualquier sitio web público y la herramienta renderiza la página tal como la vería un visitante real, analiza el sistema de diseño que hay detrás y genera un conjunto completo de archivos de documentación legibles por máquina.

Según el sitio, un solo análisis produce diez archivos listos para IA por URL: un design.md de producción, tailwind.config.ts, tokens.json, components.md, animations.md, prompt.md, figma.json y css-vars.css, además de JSON de colores y tipografía. Cada archivo se genera al mismo tiempo y se referencia entre sí para que los resultados se mantengan coherentes.

El flujo de trabajo es deliberadamente corto: pega una URL, deja que el analizador agrupe los colores en roles, la tipografía en una escala y el espaciado en un ritmo, genera el conjunto de archivos y luego descarga un ZIP que puedes colocar en un repositorio o pegar directamente en un agente de programación. La paleta extraída se presenta como muestras de color en las que se puede hacer clic para copiarlas rápidamente.

Todo lo que extrae la herramienta se describe como proveniente de la página renderizada y abarca el sistema de diseño, los componentes de interfaz, la cuadrícula de diseño, los puntos de interrupción, las animaciones y el movimiento, el radio de borde, las sombras, las fuentes, los iconos, la paleta de colores y la accesibilidad. El resultado está orientado a Claude Code, Cursor, Windsurf, ChatGPT, Lovable, Bolt, v0 y GitHub Copilot, con prompts listos para copiar dirigidos a Claude, Cursor, Windsurf, Lovable y v0.

Designmd.fun también publica una biblioteca de sistemas de diseño de producción preanalizados —Stripe, Linear, Vercel, Notion, Framer, Raycast, Supabase, Airtable, Cursor, PostHog, Resend, Warp y Webflow figuran entre los sitios listados— para que puedas consultar documentación de referencia sin ejecutar tu propio análisis. El sitio indica que no se requiere registro para probarlo.

Designmd.fun convierte la URL de cualquier sitio web público en diez archivos de documentación de diseño listos para IA —design.md, tokens.json, tailwind.config.ts, components.md y más— para herramientas como Claude Code, Cursor y Lovable.