design-extract

Сидел, скроллил, наткнулся на инструмент.

Увидел хорошо сделанный сайт и захотел позаимствовать его типографику и цветовую схему, чтобы реализовать похожий эффект в своём проекте.

Недавно нашёл инструмент designlang — одной командой он полностью извлекает дизайн-элементы с любого сайта и сразу генерирует готовые конфигурационные файлы.

Он использует безголовый браузер для скрейпинга страницы, анализирует все вычисленные стили и на выходе даёт файлы более чем в десятке форматов: конфиги Tailwind, переменные CSS, переменные Figma, темы для React и другие, готовые к использованию.

Инструмент извлекает не только цвета и шрифты — он также распознаёт структуру лэйаута, ритм анимаций, иерархию компонентов, тон бренда и даже определяет, какая библиотека компонентов используется на странице.

Можно интегрировать в ИИ-ассистентов для разработки вроде Cursor или Claude Code, чтобы модель строго придерживалась извлечённых спецификаций при генерации кода.

Подходит, когда нужно быстро синхронизироваться с визуальным стилем сайта или передать полноценную дизайн-спеку в инструмент с ИИ.

📁 Language: #JavaScript 97.0%

⭐️ Stars: 1,6k

➡️ Cсылка на GitHub

📱 @git_developer