Проектирование с использованием ИИ лучше всего работает по принципу цикла: вы описываете, ИИ составляет черновики, вы оцениваете и уточняете, а затем повторяете. ИИ быстро предлагает варианты. Вы несете ответственность за правильный выбор.
Шаг 1: напишите бриф. Опишите пользователя, задачу, контент и любые ограничения. «Экран настроек приложения для составления бюджета для людей на телефонах с разделами для учетной записи, уведомлений и конфиденциальности с использованием наших существующих компонентов» даст гораздо лучший результат, чем «создать страницу настроек».
Шаг 2: создайте черновики. Инструменты с быстрым пользовательским интерфейсом, такие как Google Stitch или AI-помощник UXPin, превращают описание или эскиз в экраны. Попросите несколько вариантов и сравните их, а не соглашайтесь на первый.
Шаг 3: доработайте инструмент дизайна. Перенесите лучший черновик в Figma, Penpot или другой редактор. Исправьте иерархию, интервалы и копирование, а также спроектируйте состояния, которые ИИ обычно пропускает: загрузка, пусто, ошибка и отключено.
Шаг 4: подключитесь к коду. Инструменты кодирования искусственного интеллекта, такие как Claude Code и Cursor, могут создать интерфейс. Результаты будут намного лучше, если они смогут прочитать ваш проект через сервер MCP. У Figma и Penpot есть по одному. Что касается интерактивных и анимированных частей, ExodeUI, который мы создаем, имеет сервер MCP, который позволяет ИИ создавать и редактировать анимацию с состояниями и физикой пружин из подсказок на простом языке, хранящихся в открытом файле .exode, который воспроизводит ваше приложение.
Шаг 5: проверьте перед отправкой. Проверьте использование клавиатуры и программы чтения с экрана, контрастность, замедленное движение, маленькие и большие экраны, а также длинный или переведенный текст. Относитесь к результатам ИИ как к работе быстрого, но нового товарища по команде: полезно, но всегда проверяется.