Tailscan for Tailwind CSS

Tailscan es una extensión de navegador que se integra directamente con tus herramientas de desarrollador para trabajar con Tailwind CSS. Te permite inspeccionar, editar y modificar visualmente las clases de Tailwind de cualquier elemento en cualquier página web en tiempo real. Puedes pasar el cursor sobre los elementos para ver sus clases, fijarlos para editarlos y ver cómo se aplican tus cambios al instante sin tener que volver a tu editor de código. También incluye una herramienta de capturas de pantalla para capturar partes específicas de tu diseño.

La herramienta destaca por su profunda integración con Tailwind. Proporciona acceso completo a todas las clases de Tailwind, incluso a aquellas eliminadas durante los procesos de compilación, y es compatible con configuraciones personalizadas de Tailwind. Su función de IA te permite describir cambios de estilo en inglés sencillo, que luego traduce a las clases de Tailwind correctas. Puedes convertir cualquier elemento en un componente de Tailwind reutilizable y exportar tus cambios como código limpio.

Es una herramienta imprescindible para desarrolladores front-end y diseñadores que construyen regularmente con Tailwind CSS. Es perfecta para depurar diseños complicados, crear prototipos de cambios de diseño rápidamente y directamente en el navegador, aprender cómo están construidos otros sitios inspeccionando sus clases de Tailwind y convertir diseños existentes en componentes de Tailwind sin necesidad de programar manualmente.