Подборка браузерных расширений, которые упростят работу дизайнера.

Браузерные расширения для работы со шрифтами

Fonts Ninja

Ускорьте рабочий процесс проектирования! Алгоритмы Fonts Ninja анализируют файлы шрифтов, чтобы получить более точные результаты. Наведите курсор на любой текст, чтобы получить имя шрифта и свойства CSS.

Google Font Previewer for Chrome

Позволяет выбрать шрифт из каталога Google Font API и применить этот шрифт ко всей странице или указанному сектору CSS, чтобы посмотреть, как он сочетается с другими элементами страницы. Полезно, когда вы разрабатываете веб-сайт и хотите быстро найти шрифт, который будет хорошо выглядеть.

WhatFont

Как проще всего узнать, какие шрифты используются на веб-странице? С помощью этого расширения вы можете проверять веб-шрифты, просто наводя на них курсор.

Браузерные расширения для работы над дизайном сайта

PerfectPixel by WellDoneCode

PerfectPixel позволяет разработчикам и веб-дизайнерам накладывать полупрозрачное изображение поверх разработанного HTML и выполнять сравнение между ними с точностью до пикселя.

ColorZilla

ColorZilla — одно из самых популярных расширений для дизайнеров, с помощью которого вы можете определить цвет пикселя из любой точки вашего браузера и вставить его в другую программу. Еще одной интересной особенностью расширения является анализатор цвета веб-страницы, способный с легкостью получить цветовую палитру сайта.

Site Palette

Расширение, которое генерирует и извлекает цветовые палитры. Незаменимый инструмент для дизайнеров и разработчиков интерфейса.

Corporate Ipsum

Создает случайные фразы и предложения для использования в качестве текста наполнителя. C помощью Corporate Ipsum вы можете создавать правдоподобные блоки текста любой длины, которая вам может понадобиться.

CSS Peeper

CSS Peeper — это программа просмотра CSS, созданная специально для дизайнеров. Миссия создателей расширения — позволить дизайнерам сосредоточиться на дизайне и тратить как можно меньше времени на копание в коде.

Браузерные расширения для UX/UI

Heurio — One-Click Bug Report & UX Check Tool

Heurio сокращает время просмотра веб-сайта и работы над ним. Идеально подходит для проверки UX, анализа дизайна и разработки, эвристической оценки, отчетов об ошибках, копирайтинга, тестирования QA, пользовательского тестирования и многого другого.

UX Principles

Практическое руководство для профессионалов UX и изучение ключевых принципов, лежащих в основе качественного UX-дизайна.

Браузерные расширения общего назначения

Muzli — Design inspiration hub

Самые свежие ссылки о дизайне и пользовательском интерфейсе со всего интернета. Все необходимое для дизайнерского вдохновения.

Window Resizer

Расширение изменяет размер окна браузера, чтобы имитировать различные размеры экрана. Особенно полезно для веб-дизайнеров и разработчиков, тестирующих свои макеты в различных разрешениях браузера.

Wappalyzer

Wappalyzer раскрывает другие расширения, используемые на веб-сайтах. Он обнаруживает системы управления контентом, платформы eCommerce, веб-серверы, фреймворки JavaScript, инструменты аналитики и многое другое.

Браузерные расширения Google Chrome для дизайнеров

Теги

Оцените статью

Поделиться статьей

Похожие статьи

🇷🇺 Telegram-каналы и чаты для изучения русского языка

Что такое Microsoft Dev Box — обзор облачной среды для разработчиков

💼 Telegram-каналы и чаты для поиска работы и публикации вакансий