Рубріки: Подборки

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 расширение с открытым исходным кодом, которое позволяет выбирать цвета с веб-страниц, создавать палитры цветов и сохранять личную историю цветов. Работает как «пипетка». Плюс расширения можно быстро и просто проверить правильность цвета элементов.

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

Всегда перед глазами: 15 лучших тем VS Code на 2026 год

Visual Code от Microsoft, вероятно, один из самых популярных редакторов кода. Разработчики любят его за…

22.02.2026

Киберпанк по-японски: 9 лучших аниме в жанре «технологии нас погубят»

Япония сама по себе — сплошной киберпанк. Это заметил даже культовый писатель жанра Уильям Гибсон,…

21.02.2026

Не просто коробка с бантом. Как оригинально подарить гаджет: 5 незатратных способов

Сам по себе телефон Айфон 17 Про Макс – отличный подарок. У него красивая заводская…

12.02.2026

Лучшие криптобиржи для криптозаймов в 2025 году: где лучше брать кредит под крипту?

На фоне роста спроса на ликвидность в бычьем рынке 2025 года, криптозаймы снова выходят на…

09.07.2025

Что такое прокси-сервер: пояснение простыми словами, зачем нужны прокси

Прокси (proxy), или прокси-сервер — это программа-посредник, которая обеспечивает соединение между пользователем и интернет-ресурсом. Принцип…

21.11.2024

Что такое PWA приложение? Зачем необходимо прогрессивное веб-приложение

Согласитесь, было бы неплохо соединить в одно сайт и приложение для смартфона. Если вы еще…

19.11.2024