UIDrop — це розширення для Chrome, яке одним кліком зчитує дизайн-систему будь-якого сайту

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