Алгоритмический дизайн: новые инструменты и взаимодействие с ИИ
Свежее об алгоритмическом дизайне. Фокус на фокусном, чтобы не размазывать на два выпуска:
Взаимодействие с такими инструментами
- NN/g: Техническая грамотность пользователей при использовании ИИ-инструментов. Они выделяют 4 группы по опытности и осознанности.
- NN/g: Исследование поискового поведения пользователей в ИИ-чат-ботах. Когда они доверяют их результатам, а когда идут в классические поисковики.
Инструменты дизайна
- Google Stitch: Обновился. Теперь это привычный бесконечный артборд, а также дизайн-система через DESIGN.MD. Генерировать можно по текстовому запросу или картинке.
- ai.to.design: Плагин для Figma позволяет генерировать дизайн по текстовому запросу. Можно выбрать одну из популярных моделей. Макеты можно докручивать самостоятельно там же в Figma.
- Reve: Инструмент алгоритмического дизайна позволяет создавать свои эффекты для обработки графики. В статике и анимации, с управлением параметрами
- Krea Realtime Edit: Появилось редактирование и генерация изображений в реальном времени. Можно наброском показать, что нужно добавить — и оно моментально появляется.
- Google Nano Banana 2: Вышла новая версия модели. Повысили точность всего — сохранения вида персонажей и объектов, текста и т.п
- Adobe Firefly: Можно тренировать на своём собственном стиле
- Raelume: Нодовый инструмент алгоритмического дизайна, который объединяет много ИИ-моделей и способов работы с ними
- YouArt: Ещё один нодовый инструмент алгоритмического дизайна
- Penpot: Запустили свой MCP-сервер. Обзор того, что он умеет
- Google Pomelli: Может собрать фотосессию на основе фото товара.
- Figma: Интегрировалась с Claude Code. Можно превратить сгенерированный код в макеты сценария и наоборот
- Variant: Бесконечная лента примеров дизайна для вдохновения, которые генерируются ИИ по текстовому запросу
- Claude: Научился создавать диаграммы и графики прямо внутри чата.
- Sketch: Примеры того, что можно делать благодаря MCP-серверу.
Дизайн таких инструментов
- Victor Yocco: Паттерны взаимодействия с ИИ-агентами на основе своей серии предыдущих статей. Как они должны действовать перед, во время и после выполнения задачи пользователя
- Ishan Korde: Рассуждает о динамических интерфейсах и разных способах ИИ помочь строить их
Роль дизайнера и специалиста вообще
- Luke Wroblewski: Размышляет, какая роль в итоге будет у пользователя при работе с ИИ-продуктами. Он показывает, как она менялась на примере разработки.
Видео
- Google Flow: Интерфейс генератора изображений и видео обновили, добавили больше возможностей редактирования
Разработка
- Addy Osmani: Разница между вайб-кодером и инженером агентов (это новый термин от Andrej Karpathy). Первое изначально описывало быстрые и узкоспециализированные наброски, второе — полноценный рабочий цикл
- Hardik Pandya: Оптимизировал код своего сайта с помощью Claude Code (производительность, accessibility, SEO, качество кода). Он показал пошаговый текстовый запрос для этого, который в том числе делает скриншоты до и после изменений — убедиться, что дизайн не развалился.
- Cursor 2.5: Магазин плагинов и суб-агенты, которые могут делать мелкие задачи асинхронно
- Rork: ИИ-генератор мобильных приложений по текстовому запросу или скриншотам
Управление продуктами
- Boris Tane: Типичный цикл разработки программ. Как он радикально меняется в эпоху ИИ-агентов и какая роль в нём у человека.
ИИ-агенты
- OpenClaw: Автономные ИИ-агенты на базе популярных ИИ-моделей. С ними можно просто общаться через мессенджеры. Вот, например, как он купил машину по выгодной цене. Как быстро развернуть его для себя.
Другие обновления на рынке
Подписывайтесь на Telegram Дайджест продуктового дизайна.
Начать дискуссию