Рубріки: Добірки

6 розширень Google Chrome для роботи над проектом, якщо ви — не дизайнер

Анастасія Пономарьова

І тестувальникам, і розробникам, і проджект менеджерам часом доводиться фіксувати дизайн (особливо в невеликій компанії, де можуть легко навантажити суміжною роллю). UI дизайнер Ліана Климович зробила добірку розширень для браузера Chrome, які максимально спростять це завдання.

«Тут мова йде не про дизайн, не про прототипування і не про створення/проектування чогось. А про швидке рев’ю, швидку перевірку стилів, відступів і так далі. Часто це дуже потрібно під час роботи на етапі тестування», уточнила Ліана в LinkedIn .

  1. VisBugінструмент налагодження веб-дизайну з відкритим кодом, створений за допомогою JavaScript. З його допомогою можна прямо на сторінці редагувати, переміщати, вимірювати — загалом, фіксити дизайн без Figma чи Photoshop. Також він підходить для рев’ю задеплоєних дизайнів (QA і PM, не дякуйте).
  2. GoFullPageінструмент, який допоможе зробити знімок екрана поточної веб-сторінки повністю, одним полотном, а не лише «клаптика», який у вас перед очима. Готовий скрін можна завантажити у вигляді зображення або PDF, або навіть просто перетягнути на робочий стіл.
  3. Window Resizerрозширення, яке змінює розмір вікна браузера, щоб емулювати різні роздільні здатності. Буде особливо корисно для веб-дизайнерів та розробників, оскільки допомагає їм тестувати свої макети у різних дозволах браузерів.
    Так, є Webkit Inspector, скажете ви. Але це розширення змінює роздільну здатність вікна самого браузера, і можна оцінити респонсив дизайн в його, так би мовити, натуральному вигляді.
  4. Corporate Ipsumгенерує випадковий текст-рибу (для використання як заповнювач) по слову або абзацу.
    «QA, BA та FE, будь ласка, використовуйте якийсь більш-менш реальний контент, а не qwerty12345 тощо, для тестів чи ваєрів. Чим більш наближений контент до реальності, тим раніше можна передбачити різні помилки, а також зробити дизайн привабливішим для презентації замовнику», — каже Ліана.
  1. Whatfontнайпростіший спосіб визначити шрифти на веб-сторінках. Щоб перевірити веб-шрифти, достатньо навести курсор. Дизайнер назвала це розширення must have: це простий доступ до характеристик будь-якого текстового елемента на сторінці (назва шрифту, розмір, колір, насиченість тощо).
  2. Eye dropperрозширення з відкритим вихідним кодом, яке дозволяє вибирати кольори з веб-сторінок, створювати палітри кольорів та зберігати особисту історію кольорів. Працює як «піпетка». Плюс розширення — можна швидко і просто перевірити правильність кольору елементів.

Останні статті

Фінансисти всерйоз налякані тим, що квантові обчислення «ось-ось» зламають шифрування біткоїну

Американська інвестиційна компанія Jefferies Group видалила 10% інвестицій в біткоїн зі свого рекомендованого портфеля. Крістофер…

19.01.2026

Google випускає функцію, яка дозволить писати SQL-запити за допомогою звичайного тексту

Google анонсує нову функцію Comments to SQL, яка дає можливість писати SQL-запити природною англійською мовою…

19.01.2026

У ChatGPT може з’явитись трансляція музики та обробка завантажених файлів

Аналіз коду веб-додатку ChatGPT виявив відразу декілька нових функцій, які готують до релізу. Схоже, OpenAI…

19.01.2026

Meta закриває проект Workrooms — віртуальні простори для віддаленої роботи

Керівництво Meta ухвалило рішення припинити підтримку Workrooms як окремого додатку з 16 лютого 2026 року.…

16.01.2026

У ChatGPT з’явився розширений пошук в історії діалогів. Тільки для платних користувачів

Компанія OpenAI випустила велике оновлення для ChatGPT з підтримкою розширеного пошуку в історії чатів, але…

16.01.2026

У програмах, згенерованих штучним інтелектом, багато помилок безпеки — дослідження

Застосунки, створені за допомогою вайб-кодування, де розробник надає агенту штучного інтелекту повну свободу дій, ймовірно,…

16.01.2026