design-extract
Разбирает любой сайт на визуальные и структурные элементы одной командой.
design-extract - анализирует любой сайт и одной командой извлекает его визуальные и структурные особенности. Инструмент открывает страницу в автоматизированном браузере, изучает её HTML-структуру и определяет используемые цвета, шрифты, размеры, отступы, компоненты и состояния (hover/focus) элементов.
На выходе вы получаете готовые файлы с токенами DTCG, настройками Tailwind, переменными Figma, темой shadcn/ui, CSS-переменными и описанием компонентов. Инструмент также проверяет адаптивность, состояния при наведении и фокусе, контрастность по WCAG и единообразие оформления на разных страницах.