Алгоритмический дизайн: инструменты и подходы к интерфейсам

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

Взаимодействие с такими инструментами

NN/g: Структурированная подборка своих статей о понимании пользователями ИИ-продуктов и их интерфейсов
Scott Jenson: Заложенное в человека стремление антропоморфизации всего и вся. И как это влияет на восприятие ИИ-интерфейсов (спойлер: завышенные ожидания)
NN/g: Исследование пользовательской реакции на советы ИИ-чатботов. Им лучше доверяют, если они ощущаются как компетентные, а не эмоциональные — это говорит о том, что не следует увлекаться антропоморфностью для повышения доверия
Big Medium: Интерфейсы, которые сами собирают себя по ситуации. Собрали примеры реально существующих продуктов и концепты на тему
Frank Chimero: Толковая профессиональная философия вокруг ИИ-инструментов. Он предлагает считать их инструментами ближе к музыкальным, а не утилитарными вроде строительных

Дизайн-процесс

NN/g: Структурированная подборка своих статей об использовании ИИ при дизайне интерфейсов
NN/g: Провели отличный эксперимент — попробовали сделать прототип страницы профиля слушателя своих курсов в разных ИИ-инструментах, разными способами (от простого текстового запроса до более детального и даже наброска). Советы вдогонку
Егор Гилёв: Подход к ИИ-прототипированию. Он описывает концептуальную модель взаимодействия и даёт компоненты дизайн-системы, чтобы получился реалистичный и детальный прототип. Часть 2
Lyndon Cerejo: Попробовал применить ИИ-инструменты по ходу этапов дизайн-спринта. Он представил вымышленного дизайнера, которая советовалась с ИИ на каждом этапе фантазийной задачи. И показал, что из этого вышло
Нотамедиа: Как запускать прототипы мобильных приложений из Figma на телефоне, которые выглядят нативно. Он использует связку Cursor и Expo для React Native

Инструменты дизайна

Figma купила Weavy — один из главных инструментов алгоритмического дизайна на базе нодовой логики. Теперь он называется Figma Weave и это одна из лучших вещей, что случалась с Фигмой
Framer Workshop: Генератор интерактивных компонентов для Framer с помощью текстового запроса. С ними можно работать и докручивать их в инструменте как с любыми остальными
Framer Wireframer: Генерирует wireframe сайта по текстовому запросу. Дальше его можно стилизовать самому
Alloy: Прототипы. Он делает копию вашего сайта и позволяет делать в нём изменения с помощью текстового запроса
Pomelli: Анализирует айдентику бренда на основе сайта. А потом гененирует баннеры и графику для них в этом стиле. Анонс
Nano Banana Pro: Новое поколение модели умеет рисовать инфографику и диаграммы, менять углы обзора камеры и освещение, собирать на одной композиции до 5 персонажей и 14 объектов (пример из первой версии), генерировать фоны и текстуры, воспроизводить шрифты, каллиграфию и рукописный текст

Что можно делать в Figma с помощью Nano Banana Pro и Gemini 3 Pro.

Razorpay: Плагин для Figma, который улучшает интерфейсные тексты сервиса помощью алгоритмического дизайна. Он натренирован на гайдлайнах редактуры сервиса
Figma Make: Как продуктовые команды используют его для работы над новыми функциями в LinkedIn, ServiceNow и других компаниях

Они провели глобальный хакатон. И показали 6 самых интересных концептов. А вот что можно сделать в инструменте с помощью Gemini 3 Pro.

Lovable: Может взять спецификацию из Miro и сгенерировать интерактивный прототип на её основе
Magic Patterns: Превращает видео интерфейса в интерактивный прототип. Смысл непонятен (чтобы сделать такое видео — нужен интерактивный прототип), но в копилку use cases полезно
LLMapper: Jorge Arango улучшил свой ИИ-генератор концептуальных карт
Новые версии моделей для генерации изображений Flux 2, Seedream 4.5 и ChatGPT Images 1.5
Adobe: Photoshop, Express и Acrobat теперь можно вызвать через ChatGPT

#ai #algorithms

Подписывайтесь на Telegram Дайджест продуктового дизайна.