15 мощных расширений для Chrome для разработчиков, дизайнеров и создателей контента

Loom — расширение для записи экрана, которое позволяет быстро записывать видео с экрана вместе с голосовыми комментариями и делиться ими.
Grammarly — ИИ-помощник для письма, который проверяет грамматику, орфографию, тон и читаемость текста прямо во время набора.
ColorZilla — инструмент для выбора цветов, позволяющий определять и копировать цвета с любых веб-страниц.
WhatFont — помогает быстро определить, какие шрифты используются на сайте.
Site Palette — генерирует цветовую палитру любого сайта для поиска дизайнерских референсов и вдохновения.
GoFullPage — делает полноразмерные скриншоты страниц без необходимости прокручивать их вручную.
Page Ruler — измеряет ширину и высоту элементов страницы в пикселях.
Lightshot — инструмент для быстрых скриншотов с возможностью редактирования и мгновенного обмена изображениями.
Imageye — находит все изображения на странице и позволяет быстро скачать их.
Responsive Viewer — помогает разработчикам проверять, как сайт выглядит на разных размерах экранов и устройствах.
CSS Viewer — показывает CSS-свойства элементов страницы при наведении курсора.
Web Developer — набор инструментов для веб-разработки, встроенный прямо в браузер.
JSON Viewer — форматирует и отображает JSON в удобном для чтения структурированном виде.
Lighthouse — автоматизированный инструмент от Google для анализа производительности сайта, доступности, SEO и соответствия лучшим практикам.
Wappalyzer — определяет технологии, фреймворки, CMS и другие инструменты, на которых построен сайт.

👉 @PortalToDesign

Играли со шрифтами и проиграли

👉 @PortalToDesign

Добавляем классную градиентную обводку для карточки за считанные минуты.

👉 @PortalToDesign

GetDesign.md — на этом сайте вы можете найти дизайн-системы популярных ресурсов и сохранить их в формате .md файла.

👉 @PortalToDesign

Figma + Claude Code + Open Source = OpenPencil

Появился OpenPencil — опенсорсный ИИ-редактор для дизайна.

Что умеет:
• Открывает файлы .fig
• Работает локально на компьютере
• Имеет встроенные ИИ-функции
• Экспортирует макеты в Tailwind и JSX
• Интегрируется с Claude Code и Cursor

👉 @PortalToDesign

Нашёл сайт с 2 000+ готовых дизайн-систем, каждая оформлена как DESIGN.md, который агент может читать напрямую.

В каждой есть:

- цветовая палитра и токены
- типографическая шкала
- отступы и сетка
- паттерны компонентов
- общий стиль и гайд по визуальному тону

Похоже на заготовки из продуктов вроде Stripe, Linear, Vercel, Notion, ElevenLabs. Берёшь одну, подключаешь к проекту, прогоняешь UI через выравнивание под неё — и готово. Opus лучше всего справляется с такими задачами.

https://styles.refero.design/

👉 @PortalToDesign