Задайте направление
Опишите аудиторию, визуальные ориентиры, форматы и ограничения.
Придайте своей идее визуальный язык.
Создавайте дизайн-пакеты с переиспользуемыми ассетами, дизайн-токенами и структурированными экспортами для следующего этапа проекта.
От брифа к результату.
Создайте цельный комплект
Генерируйте дизайн-ассеты и переиспользуемую информацию о стилях вместе.
Проверьте экспортированные данные
Просмотрите результаты
Инспектируйте файлы и проверки результатов, затем доработайте части, которые требуют более точного соответствия.
Дизайн-комплект — это творческий результат. Выберите сборку сайта или приложения, если вам также нужен рабочий продукт.
От визуального направления к переиспользуемой дизайн-системе.
Посмотрите на айдентику, компоненты и файлы, переносящие дизайн в ваш следующий проект.
Найдите визуальный язык
Сделайте айдентику принадлежащей вашей идее.
- Опишите аудиторию, характер и области, где дизайн должен работать. ИИ разрабатывает дизайн-комплект на основе этого брифа: айдентику бренда, систему интерфейса, набор иллюстраций или другую поддерживаемую коллекцию. Просмотрите палитру, типографику и обоснование вместе, чтобы отдельные части ощущались связанными.
- Дайте ИИ визуальные ориентиры и практические ограничения.
- Просмотрите знак, шрифт и палитру как единую айдентику.
Запросите изменения направления перед тем, как передавать ассеты в производство.
Постройте систему
Сделайте так, чтобы детали работали вместе.
- Для комплектов дизайна интерфейса переиспользуемые токены связывают цвет, шрифт, отступы и стили компонентов. Отрисованный лист компонентов показывает элементы управления в соответствующих состояниях. Платформа проверяет структуру токенов, контраст и согласованность компонентов, а дизайн-обзор учитывает, насколько хорошо комплект отвечает брифу.
- Изучите кнопки, поля и другие переиспользуемые компоненты.
- Просмотрите состояния фокуса, неактивности и ошибки наряду с состоянием по умолчанию.
Используйте общие токены, чтобы перенести то же оформление в реализацию.
Продвиньте работу дальше
Откройте обзор пакета и перейдите по ссылкам к результатам работы. В зависимости от брифа они могут включать векторные мастер-файлы, растровые экспорты, лист компонентов, дизайн-токены и брендбук. Если экспорт в редактируемый Figma-файл включён и подключён, используйте сформированную ссылку для передачи, если такой экспорт завершён.
- Просмотрите список файлов и предполагаемое назначение каждого результата.
- Перенесите многоразовые ассеты и токены в свой рабочий процесс дизайна или разработки.
- Проверьте отчёт об экспорте, прежде чем считать файл или интеграцию готовыми.
Рабочий процесс
Сохраняйте связь работы.
Опишите результат
Опишите аудиторию, желаемый результат и ограничения. Уточните направление перед продолжением.
Проверьте работу
Изучите сгенерированные файлы, доступный предпросмотр и проверки, относящиеся к результату.
Создайте следующую версию
Запросите изменения, затем экспортируйте или используйте рабочий процесс доставки, поддерживаемый этим проектом.
Узнайте, что дальше.
Все конструкторы
AI-конструктор сайтов
Создавайте лендинги, интернет-магазины и контентные сайты. Опишите аудиторию и нужный опыт, затем просмотрите и доработайте сборку.
Изучить AI Website Builder
AI-конструктор приложений
Создавайте веб-, мобильные и десктопные приложения под конкретную задачу. Просматривайте опыт использования, дорабатывайте его и готовьте нужный пакет.
Изучить AI App Builder
AI-конструктор игр
Превратите идею игры в играбельный проект. Продумайте правила, персонажей и мир, затем протестируйте и доработайте игровой опыт.
Изучить AI Game BuilderВопросы и ответы
Немного ясности перед началом.
Что может входить в дизайн-пакет?+
Пакет может включать брендовые ассеты, иконки, палитры, типографику, иллюстрации, листы компонентов и поддерживаемые 3D-ассеты. Состав пакета определяется брифом.
Что указать в брифе на дизайн?+
Опишите аудиторию, настроение, визуальные референсы, целевые форматы и существующие ограничения бренда. Укажите, где будут использоваться ассеты, чтобы пакет соответствовал этому контексту.
Можно ли предпросмотреть дизайн перед использованием?+
Пакет включает обзор, а также лист компонентов, если это предусмотрено результатом работы. Перед использованием изучите визуальные ассеты, многоразовые токены и соответствующие состояния компонентов.
Что проверяет верификация дизайна?+
Проверки анализируют перечисленные файлы, дизайн-токены, релевантные пары контраста, состояния компонентов и поддерживаемые экспорты. Дизайн-ревью также учитывает целостность пакета и соответствие брифу.
Можно ли экспортировать ассеты?+
Просмотрите и скачайте файлы, созданные для пакета. Поддерживаемые результаты включают экспорт изображений, PDF и 3D-файлов при необходимости; конкретный набор файлов зависит от выбранных ассетов и доступного рабочего процесса.
Включает ли дизайн-пакет готовый сайт или приложение?+
Дизайн-пакет предоставляет креативные ассеты и многоразовую дизайн-информацию. Выберите Website Builder или App Builder, если нужен готовый продукт, и укажите направление дизайна в брифе этой сборки.
Что вы создадите?
Создайте сборку или поручите команде специалистов вашу следующую задачу.