# VisualSnag Analiza capturas, imágenes de referencia o una URL para crear una guía de estilo, variables CSS y prompts para constructores. Revisa la vista previa y usa las exportaciones disponibles según tu plan. - Findings24: - Sitio web: - Precios: Freemium - Categorías: Asistente Diseño IA ## ¿Qué es VisualSnag? VisualSnag analiza capturas de pantalla, imágenes de referencia o la URL de un sitio web para preparar materiales de diseño para una nueva interfaz. Añade una imagen, varias vistas del mismo sitio o referencias de distintos sitios, inicia el análisis y revisa la dirección visual generada junto con una vista previa de la interfaz. El plan Free ofrece análisis básico de referencias, una guía de estilo, variables CSS básicas y un prompt universal. Pro añade análisis mejorado, prompts específicos para cada plataforma y archivos descargables STYLE.md, variables.css y tokens.json. Usa estos materiales para preparar un briefing para un diseñador, orientar el trabajo de frontend o crear un prompt para un constructor de IA. ## ¿Qué puede hacer VisualSnag? ### Una o varias referencias Combina una o varias capturas de pantalla o imágenes de referencia, o proporciona la URL de un sitio web como punto de partida para el análisis visual. ### Guía de estilo y variables básicas Convierte una referencia visual en una dirección de diseño fácil de entender y variables CSS básicas, con un prompt universal disponible en Free. ### Prompts orientados a constructores Pro ofrece prompts específicos para cada plataforma, además del prompt universal básico. Copia el prompt en el constructor de IA que utilices. ### Vista previa para revisar Examina la vista previa de la interfaz generada junto con el análisis antes de utilizar el resultado en un flujo de diseño o desarrollo. ### Exportaciones de implementación de Pro Descarga STYLE.md, variables.css y tokens.json con Pro, que también incluye análisis visual mejorado y análisis de URL de sitios web mediante IA. ## Casos de uso ### Preparar una guía visual Usa una captura de referencia para describir con mayor claridad una dirección visual antes de empezar una nueva interfaz. ### Orientar la implementación frontend Integra las exportaciones de variables CSS y tokens de Pro en el flujo de implementación y revisa las opciones generadas antes de adoptarlas. ### Combinar referencias de diseño Analiza varias imágenes para desarrollar una dirección visual coherente, en lugar de entregar a un constructor capturas de pantalla sin relación entre sí. ## Preguntas frecuentes ### ¿Cómo empiezo? Selecciona o arrastra una o varias imágenes de referencia, o pega la URL de un sitio web; después, analiza la referencia. La aplicación presenta materiales de diseño y una vista previa de la interfaz. Los resultados disponibles dependen del plan. ### ¿Qué puedo usar sin una suscripción? Free incluye análisis básico de referencias visuales, un resumen de estilo, una vista previa, variables CSS básicas y un prompt universal. Las exportaciones de archivos y el análisis mejorado de URL son funciones de Pro. ### ¿Cuánto cuesta Pro? Pro es una suscripción mensual: 530 UAH en Ucrania o 12 $ a nivel internacional. Los pagos internacionales se procesan por el equivalente en UAH según el tipo de cambio de WayForPay; el emisor de la tarjeta puede aplicar su propio tipo de cambio o una comisión. ### ¿Se integra directamente con mi constructor de IA? Copia y pega el prompt generado en el constructor que elijas, como Cursor, Lovable o Figma Make. Usa el prompt universal con Free o un prompt específico para la plataforma con Pro. ## Datos rápidos - **Producto**: SaaS de análisis de referencias visuales - **Entradas**: Una o varias imágenes; URL de un sitio web - **Resultados de Free**: Guía básica, variables CSS, prompt universal y vista previa - **Exportaciones de Pro**: STYLE.md, variables.css y tokens.json - **Facturación de Pro**: Precios regionales mensuales; liquidación internacional en UAH - **Entrega**: Copia prompts o usa los materiales de diseño exportados