За один клік воно розбирає дизайн відкритої сторінки: кольори, шрифти, відступи, заокруглення, тіні, градієнти та стилі компонентів. Потім збирає все це в готовий бриф, який можна відправити в Claude, ChatGPT або інший AI-інструмент.
Тобто замість:
«Зроби мені сайт приблизно як цей, тільки сучасний і красивий»
можна дати ШІ конкретику: ось палітра, типографіка, розміри відступів, стилі кнопок і карток.
Є ще цікава функція Design Merge. Можна взяти, наприклад, загальну стилістику з одного сайту, навігацію з іншого, а картки з третього — і зібрати з цього єдиний промпт для генерації власного інтерфейсу.
Розширення безкоштовно сканує сторінки без обмежень. Pro-функції коштують $4 одноразово, без підписки.
Працює прямо в браузері й, за заявою розробника, аналіз CSS та створення скриншотів відбуваються локально.
ДЛЯ КОГО ЦЕ
— Для фронтенд-розробників, яким потрібні точні CSS-токени сайту, на який вони посилаються.
— Для вебдизайнерів, яким потрібно витягнути кольорові палітри, шкали шрифтів та інтервали між елементами з реальних сторінок.
— Для UI/UX-інженерів, які займаються реверс-інжинірингом дизайн-систем на основі продакшн-продуктів.
— Для вайбкодерів, які побачили сайт, що сподобався, і хочуть створити щось подібне за допомогою ШІ.
— Для графічних дизайнерів, яким потрібно отримати фірмові кольори та типографіку без ручного підбору.
— Для всіх, хто описує AI-інструментам візуальний стиль: UIDrop дає ШІ реальну відправну точку, а не розмитий запит.