Дизайн-брифы и визуальная коммуникация

Бесплатный генератор имён дизайн-токенов.

Единые имена и семантические группы.

Составьте имена по устойчивым ролям интерфейса и принятой системе команды.

Нужны расширение Chrome и аккаунт.
25 бесплатных задач автоматизации в месяц суммарно для всех инструментов. Действуют ограничения провайдера в браузере.

ЧТО НУЖНО ПОДГОТОВИТЬ

Существующие стили и правила именования.

ОТПРАВНАЯ ТОЧКА

Задача, которую можно настроить под себя.

Скопируйте здесь. Вставьте в WebAct, когда будете готовы.

Эта страница подготавливает промпт. Задача выполняется в WebAct.

01

Настройте задачу под себя.

Проверьте промпт выше. Добавьте свою цель и важные требования.

02

Перенесите задачу в WebAct.

Откройте WebAct, вставьте задачу и предоставьте исходные материалы. Начните с Chat для черновика или пояснения; используйте Task для одобренного действия в браузере или файла.

03

Проверьте полезную часть.

Используйте результат как редактируемый черновик или анализ. Сверьте его с предоставленными фактами и целевой аудиторией, прежде чем полагаться на него или делиться им.

ПРАКТИЧЕСКОЕ РУКОВОДСТВО

Как называть токены по назначению.

Имена должны описывать устойчивую роль, а не временный вид. Отделите примитивные значения от семантических назначений и следуйте правилам команды.

Адаптируйте процесс под свою задачу.

Разделите базовые значения и роли, следуя иерархии имён. Подбирайте понятные через темы и компоненты имена, документируйте соответствия и использование. До переименования проверьте совпадения и псевдонимы.

Что вы предоставляете
Существующие стили и правила именования.
Что вы получите
Единые имена и семантические группы.

Посмотрите входные данные и результат.

Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct

Полей ввода: Пример

Interface uses blue for primary actions and gray for secondary text; dark theme planned. No exact values or existing naming convention supplied.

Готовый пример

Semantic roles:
color.action.primary → theme-specific primary-action primitive
color.text.secondary → theme-specific secondary-text primitive

Theme values: unresolved until actual colors and contrast requirements are supplied.
These names describe use rather than the current color; review them against existing team conventions before adoption.
Скачать этот пример

Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.

Решения и устранение проблем.

Стоит ли назвать семантический токен по текущему цвету?

Предпочтите роль, например действие или вторичный текст, если значение меняется по темам.

Почему переименование ломает несвязанные компоненты?

Токен может использоваться широко или в разных ролях. Соберите зависимости и спланируйте перенос.

Попробуйте на собственном источнике.

Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.

Настроить и скопировать задачу ↑
ПЕРЕД НАЧАЛОМ

Использование WebAct.

Промпт и пример доступны здесь. Выполните задачу в расширении WebAct для Chrome.

Этот инструмент бесплатный?

Здесь можно бесплатно копировать и редактировать промпт. Для использования с WebAct установите расширение Chrome, создайте и подтвердите аккаунт и подключите доступную сессию ChatGPT в браузере. План Free включает 25 задач автоматизации, запускаемых пользователем, за календарный месяц суммарно для всех инструментов. Обычный браузерный Chat учитывается отдельно; действуют ограничения провайдера.

Узнайте об общем контексте в нашем политике конфиденциальности и о выборе между Chat и Task.

ОТ ПРОМПТА К ВАШЕЙ РАБОТЕ

Перенесите задачу на свою страницу.

Установите WebAct, добавьте исходные материалы и адаптируйте результат.

Установить WebAct