Dembrandt
Automatiza la extracción de elementos visuales de cualquier sitio web para una documentación y análisis eficiente.
Dembrandt es una herramienta open-source que extrae tokens de diseño de cualquier sitio web. Obtén colores, tipografía, espaciado y más, en formato W3C.
Más sobre Dembrandt
Dembrandt
Dembrandt es una herramienta de código abierto que extrae tokens de diseño de cualquier sitio web con un solo comando. Permite obtener colores, tipografía, espaciado, sombras y más, en un formato compatible con W3C. Esta herramienta agiliza la auditoría, la evaluación comparativa y la replicación de cualquier marca desde un sitio web en vivo.
- •Extracción instantánea de tokens:Extrae colores, tipografía, espaciado, sombras y radios de cualquier sitio web en segundos. Genera documentación inicial de tokens de diseño y JSON para productos existentes, especialmente útil con la exportación W3C DTCG.
- •Conversión a sistema de diseño:Convierte CSS a un sistema de diseño con exportación de tokens de diseño W3C. Identifica la pila tecnológica detrás de cualquier sitio web, incluyendo React, Next.js y Tailwind.
- •Interfaz de usuario local:Explora los tokens extraídos en una interfaz visual. Visualiza colores, tipografía y logotipos en una sola vista para una referencia rápida y fácil.
- •Detección de estados de botones:Identifica los estados de los botones como hover, active y focus con colores y transformaciones. Proporciona una vista detallada de las variantes de los botones.
- •Detección de puntos de interrupción:Extrae automáticamente todos los puntos de interrupción responsivos. Incluye los valores de píxeles para sm, md, lg y xl.
- •Opciones de línea de comandos:Utiliza potentes flags de línea de comandos para la personalización. Incluye opciones como --dtcg para la exportación de tokens de diseño W3C, --save-output para guardar JSON y más.
Para lograr una eficiencia óptima en el diseño y desarrollo, esta herramienta es esencial. Simplifica la extracción de información visual de sitios web, ahorrando tiempo y esfuerzo. Con esta herramienta, puedes auditar, comparar y replicar diseños de manera eficiente, lo que te permite tomar decisiones informadas y mejorar tus flujos de trabajo.
