[ ~/tools ] 5 утилит · работает в браузере

Инструменты для дизайнеров

Небольшие утилиты, которыми я пользуюсь каждую неделю. Собрал их с AI, так же как собираю продукты. Файлы никуда не загружаются, всё работает прямо в браузере.

[ 01 / 02 ] · Мастерская данные остаются у вас

$ run text.fmt

Чистка текста

[ 02 / 02 ] · Мой стек [13]

Чем я на самом деле работаю и зачем.

01 Figma Weave app.weavy.ai

Нодовый холст для генеративной графики, который Figma получила вместе с Weavy в октябре 2025 года. Здесь несколько AI-моделей, вроде Sora, Flux и Ideogram, работают рядом с профессиональными инструментами: масками, инпейнтингом, цветокоррекцией. Из нод собираются повторяемые пайплайны для картинок, видео, анимации и VFX. Пока это отдельный сервис на weave.figma.com, позже его обещают встроить в саму Figma.

Открыть ↗
Figma Weave, скриншот
02 Uncut uncut.wtf

Бесплатный каталог современных шрифтов, собранный вручную. Удобно искать open-source гарнитуры и шрифты для коммерческих проектов: гротески, антиквы, моноширинные, акцидентные. Ценю его за то, что листать его спокойно и приятно.

Открыть ↗
Uncut, скриншот
03 CTA Gallery www.cta.gallery

Подборка призывов к действию с сайтов и из приложений: кнопки, формы, блоки с тарифами, поп-апы. Пригождается, когда нужно сделать CTA, который лучше конвертирует. Это референсы, а не конструктор.

Открыть ↗
CTA Gallery, скриншот
04 Minimal Mockups www.minimalmockups.com

Бесплатные мокапы для презентации дизайна: смартфоны, постеры, ноутбуки, коробки, журналы, визитки. Каждый скачивается отдельно, пользоваться можно и в личных, и в коммерческих проектах.

Открыть ↗
Minimal Mockups, скриншот
05 Shots.so shots.so

Превращает скриншоты и макеты в аккуратные мокапы устройств, картинки для соцсетей и анимированные превью. Всё делается за пару минут прямо в браузере.

Открыть ↗
Shots.so, скриншот
06 Noun Project thenounproject.com

Огромная библиотека иконок и стоковых фото: миллионы файлов в SVG и PNG. Иду туда за удобным поиском, единым стилем и простой лицензией для любых проектов.

Открыть ↗
Noun Project, скриншот
07 Unicrorn Studio www.unicorn.studio

WebGL-эффекты без кода: анимированные интерактивные сцены для сайтов и приложений. Подходит дизайнерам, которые хотят встроить сложную анимацию и не писать шейдеры с нуля.

Открыть ↗
Unicrorn Studio, скриншот
08 MockRocket www.unicorn.studio

Фотореалистичные 3D-мокапы устройств и промо-ролики из скриншотов или макетов приложения, прямо в браузере. Ссылка ведёт в кабинет для платных пользователей, на основном сайте есть бесплатная версия с водяными знаками.

Открыть ↗
MockRocket, скриншот
09 Variant www.unicorn.studio

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

Открыть ↗
Variant, скриншот
10 Stitch stitch.withgoogle.com

Экспериментальный AI-сервис Google Labs для дизайна интерфейсов. Собирает подробные экраны мобильных и веб-приложений из текста, картинки, наброска или вайрфрейма. Бесконечный холст, голосовые команды и интерактивные превью заметно сокращают путь от идеи до прототипа.

Открыть ↗
Stitch, скриншот
11 Are.na www.are.na

Минималистичное место для творческого ресёрча. Складываете фрагменты сайтов, картинки, видео, тексты и заметки в «каналы» и так раскладываете идеи по полочкам. Его делали для художников, дизайнеров и исследователей как спокойную альтернативу Pinterest и Tumblr без рекламы.

Открыть ↗
Are.na, скриншот
12 Fontshare www.fontshare.com

Бесплатная библиотека Indian Type Foundry: больше 100 профессиональных гарнитур. Лицензия разрешает использовать их где угодно, в том числе в коммерческих проектах, а у многих шрифтов есть вариативные версии.

Открыть ↗
Fontshare, скриншот
13 Framer www.framer.com

Конструктор сайтов без кода: дизайн, прототипы и публикация в одном месте, с AI-инструментами, CMS и анимациями. Редактор как в Figma плюс хостинг, так что собранный сайт запускается без переезда в другую программу.

Открыть ↗
Framer, скриншот