Figma
Популярный облачный редактор для дизайна интерфейсов, сайтов и мобильных приложений и сборки интерактивных прототипов.
Free + Paid
Инструменты
Сервисы и программы для дизайнеров и разработчиков
Инструменты дизайна, веб-конструкторы, фреймворки и CMS, которыми пользуюсь для создания и разработки сайтов. Для дизайнеров — сервисы по подбору шрифтов, иконок, цветовых палитр. Список пополняется.
⌘K
Sketch
Программа для Mac, в которой рисуют интерфейсы сайтов и приложений: экраны, иконки, макеты. Работает быстро и без браузера, файлы лежат на вашем компьютере.
Paid
Webflow
Конструктор сайтов, где страницу собирают мышкой, а на выходе получается настоящий HTML и CSS; хостинг и управление контентом уже внутри.
Free + Paid
Webstudio
Бесплатный конструктор сайтов с открытым кодом, похожий на Webflow: собираете страницы визуально, а готовый сайт размещаете на любом хостинге.
Free + PaidOpen Source
Astro
Инструмент для разработчиков, который собирает быстрые сайты — блоги, лендинги, документацию — и почти не грузит браузер лишним JavaScript.
FreeOpen Source
Eleventy
Простой генератор сайтов для разработчиков: пишете страницы в Markdown или шаблонах — получаете обычные HTML-файлы, которые можно выложить куда угодно.
FreeOpen Source
Ghost
Платформа для блога и email-рассылки: удобный редактор, подписчики и платный доступ к статьям без плагинов. На данной cms работает мой блог.
Free + PaidOpen Source
Sanity
Система управления контентом без готового сайта (headless CMS): редакторы заполняют структурированные данные, а разработчики выводят их куда нужно.
Free + Paid
Fontpair
Сайт с готовыми парами шрифтов Google Fonts — заголовок плюс основной текст, — чтобы не подбирать сочетания вручную.
Free
Keystatic
Система управления контентом, которая хранит тексты прямо в репозитории сайта файлами Markdown и YAML — без отдельной базы данных и облака.
Free + PaidOpen Source
Anime.js
Небольшая JavaScript-библиотека, чтобы анимировать элементы на сайте: движение, появление, трансформации — и даже 3D-объекты.
FreeOpen Source
Shottr
Приложение для скриншотов на Mac: снимает область или длинную страницу целиком, распознаёт текст на картинке, ставит стрелки и подписи.
Paid
SVG Studio
Онлайн-редактор, где статичную SVG-иконку или иллюстрацию можно оживить: задать анимацию по слоям и скачать один файл, который движется на любом сайте.
Free
theSVG
Библиотека из 6400+ логотипов сервисов, фреймворков и брендов в SVG — сразу в цветном, монохромном и вариантах под тёмную и светлую тему.
FreeOpen Source
Motionimo
Подборка лучших примеров motion-дизайна: анимированные логотипы, ролики и шоурилы студий — чтобы набраться идей перед своей анимацией.
Free
Logosystem
Коллекция из 1200+ логотипов и целых фирменных систем реальных брендов — смотреть, как строится айдентика, и вдохновляться.
Free
Divhunt
Визуальный редактор сайтов в духе Webflow: страницы собираются на канвасе, на выходе чистый код, а встроенная CMS не ограничивает число коллекций.
Free + Paid
Penpot
Бесплатный аналог Figma с открытым кодом: дизайн интерфейсов и прототипы в браузере, при желании — на собственном сервере.
Free + PaidOpen Source
Paper
Дизайн-инструмент, в котором макет с самого начала является настоящим HTML и CSS, а ИИ-агенты могут читать и править файлы напрямую.
Free + Paid
Pencil
Канвас, где вы описываете, что нужно, а ИИ-агент вроде Claude Code рисует интерфейс и одновременно пишет его код.
Free
Spectrum.Art
Готовые цветовые схемы для сайта: для каждой расписано, какой цвет на фон, кнопки и текст, с HEX-кодами для копирования.
Free
404s
Галерея красивых и необычных страниц ошибки 404 с разных сайтов, с фильтрами по стилю и отрасли — для вдохновения.
Free
Supa Palette
Плагин для Figma, который генерирует гармоничные цветовые палитры и сразу превращает их в токены дизайн-системы.
Paid
Awwwards
Главная в мире премия и каталог лучших сайтов: здесь смотрят, как выглядит передовой веб-дизайн прямо сейчас.
Free + Paid
Gradientos
Подборка красивых CSS-градиентов, показанных сразу на кнопках, карточках и фонах — видно, как градиент будет смотреться в интерфейсе.
Free
Tone
Цветовые палитры, снятые с настоящих фотографий природы и городов — естественные сочетания, которые сложно придумать за цветовым кругом.
Free
ScreensDesign
Библиотека экранов популярных iOS-приложений — онбординги, пейволлы, тарифы — вместе с данными, сколько каждое приложение зарабатывает.
Paid
Landbook
Ежедневно пополняемая галерея хорошо сделанных сайтов — лендингов, портфолио, магазинов — для поиска идей и референсов.
Free + Paid
Keyboop
Бесплатное приложение для Mac, аналог Punto Switcher: само исправляет текст, набранный не в той раскладке, и умеет набирать текст голосом.
FreeOpen Source
morphicons
Библиотека для разработчиков, которая плавно превращает одну иконку в другую — например, «бургер» в крестик — в React, Vue и Svelte.
FreeOpen Source
Gradient Studio
Генератор атмосферных фонов-градиентов со световыми эффектами вроде свечения и зерна; результат копируется как готовый CSS или Tailwind.
Free
SVG Logos
Каталог из 15 000+ логотипов приложений, сервисов и технологий в SVG — с поиском по названию и копированием в один клик.
FreeOpen Source
Square UI
Готовые экраны дашбордов и приложений на Next.js, Tailwind и shadcn/ui — берёте шаблон целиком, часть бесплатна на GitHub.
Free + Paid
Excalidraw
Онлайн-доска для набросков и схем в «рукописном» стиле, аналог Miro с открытым кодом: рисуйте диаграммы в одиночку или вместе с командой.
Free + PaidOpen Source
Типограф
Бесплатный типограф для macOS: выделите текст и нажмите хоткей — кавычки-ёлочки, тире и неразрывные пробелы встанут на место.
FreeOpen Source
Koboyo
Бесплатная онлайн-доска для набросков и диаграмм в рукописном стиле: нарисовали схему, встроили в документ — и она обновляется вместе с оригиналом.
Free
new
Mesurer
Инструмент для точных замеров интерфейса в браузере: измеряет отступы и размеры элементов, ставит направляющие, снимает цвета пипеткой. Расширение Chrome или npm-пакет.
FreeOpen Source
new
Feral UI
Бесплатный генератор градиентов: мягкие mesh-переливы с зерном и анимацией на основе традиционных японских цветов, экспорт в SVG, PNG и видео.
Free