Fudge

Lo que puedes hacer

Encuentra las referencias de sitios web adecuadas

Busca páginas reales por industria, tipo de página, diseño, color, fuente, captura de pantalla, URL o idea visual.

Comprende cómo está diseñado un sitio web en vivo

Inspecciona su tipografía, colores, espaciado, diseño, componentes, medios y estilos renderizados.

Extrae la paleta de colores de un sitio web y verifica el contraste

Ve los colores de un sitio web como una paleta y verifica el contraste entre el texto seleccionado y los colores de fondo.

Identifica las fuentes y la tipografía de un sitio web

Verifica sus familias de fuentes, pilas, tamaños, pesos, alturas de línea y dónde aparece cada estilo.

Encuentra alternativas prácticas a un tipo de letra

Compara tipos de letra visualmente similares, previsualiza las coincidencias más cercanas y redúcelas por licencia o disponibilidad.

Compara direcciones de diseño antes de comprometerte

Compara cómo diferentes sitios web abordan el diseño, la jerarquía, la tipografía, el color y la estructura de la página.

Revisa un sitio web y decide qué cambiar

Comparte una página o captura de pantalla, descubre problemas específicos de jerarquía y estilo, y respalda las mejoras con referencias relevantes.

Crea un DESIGN.md y un sistema de diseño listo para implementar

Convierte un sitio web en vivo en DESIGN.md, Tailwind, variables CSS, tokens de diseño o JSON estructurado.

Guarda sitios web y reutilízalos en proyectos posteriores

Captura sitios web con la extensión de Chrome, guarda referencias útiles y vuelve a sus capturas de pantalla y detalles de diseño más tarde.

Instala Fudge para tus herramientas de IA

1. 1. Instala Fudge

   Inicia sesión o suscríbete aquí, luego ejecuta el comando de configuración que se muestra para tu cuenta.

2. 2. Configura otro cliente MCP

   Los suscriptores también pueden revelar la configuración manual para otro cliente compatible.

3. 3. Comienza con una pregunta de diseño real

   Pide un resultado de diseño y deja que Fudge traiga referencias y detalles relevantes de sitios web.