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.

Cómo usar Designmd.fun

1. Abre el sitio. Ve a designmd.fun y busca el campo de URL en «Website URL to analyze».
2. Pega una URL pública. Introduce el dominio de un sitio web público, por ejemplo stripe.com, o elige uno de los enlaces de ejemplo (stripe.com, linear.app, github.com, vercel.com). La herramienta renderiza la página exactamente como la ve un visitante.
3. Deja que la IA la analice. Los colores se agrupan en roles, la tipografía en una escala y el espaciado en un ritmo.
4. Genera los archivos. Se escriben diez formatos a la vez y se referencian entre sí para mantener la coherencia.
5. Descarga el ZIP y colócalo en tu repositorio, o copia un prompt listo para Claude, Cursor, Windsurf, Lovable o v0 directamente desde el panel de exportación.
6. Opcional: explora la biblioteca de diseños preanalizados (Stripe, Linear, Vercel, Notion y otros) si solo quieres documentación de referencia.

Designmd.fun indica una dirección de correo de soporte: support@designmd.fun. En la evidencia proporcionada no se muestran otros canales de soporte, portal de documentación ni compromisos de tiempo de respuesta.