Глоссарий

Термины, которые встречаются на курсе, простыми словами.

Инструменты

Antigravity

Редактор кода от Google (на базе VS Code). В нём мы открываем папку проекта и запускаем агента.

Claude Code

ИИ-агент от Anthropic. Умеет читать и создавать файлы, запускать команды, работать с Figma. Главный инструмент курса.

Агент

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

MCP (Model Context Protocol)

Способ подключить агента к внешнему сервису. Через Figma MCP агент читает и создаёт макеты в Figma, через Notion MCP публикует страницы в Notion.

Директива

Markdown-файл с инструкцией для агента: роль, задача, шаги и формат результата.

CLAUDE.md

Файл в корне проекта, который агент читает при каждом запуске: что за проект, какие правила, где что лежит.

Лимиты

Ограничение на объём работы агента в подписке Claude Pro. Сбрасывается через несколько часов.

Продукт и исследование

Бриф

Короткое описание задачи: что делаем, для кого, какие ограничения и цели.

Прото-персона

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

JTBD (Job-to-be-Done)

Задача, для которой человек «нанимает» продукт. Например, «быстро найти, с кем оставить собаку на выходные».

MoSCoW

Способ приоритизации фич: Must have, Should have, Could have, Won't have.

MVP

Минимальная версия продукта, которая уже решает главную задачу пользователя.

PRD

Документ требований к продукту: цели, метрики, аудитория, фичи, scope.

SWOT

Анализ сильных и слабых сторон, возможностей и угроз.

Эвристики Нильсена

10 принципов юзабилити, по которым проводят экспертный UX-аудит.

Дизайн

Sitemap

Карта всех экранов продукта и связей между ними.

User flow

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

Вайрфрейм

Черновой макет экрана без цветов и стилей: только структура и блоки.

Дизайн-система (ДС)

Набор токенов, компонентов и правил, из которых собираются все экраны продукта.

Дизайн-токен

Именованное значение (цвет, размер, отступ, радиус), на которое ссылаются компоненты.

Primitive-токены

Палитра: все доступные значения. Например, blue/500 = #3B82F6.

Semantic-токены

Токены со смыслом, которые ссылаются на примитивы. Например, color/action/primary → blue/500.

Figma Variables

Способ хранить токены в Figma. Компоненты привязаны к переменным, а не к конкретным значениям.

Компонент и инстанс

Компонент — мастер-элемент (например, кнопка). Инстанс — его копия на экране, которая обновляется вместе с мастером.

Variants

Варианты компонента: размеры, типы, состояния (default, hover, disabled).

Edge cases

Нестандартные состояния экрана: пусто, загрузка, ошибка, слишком длинный текст.

Код

React

Библиотека для создания интерфейсов из компонентов. В курсе в неё переносится дизайн-система.

Node.js и npm

Среда для запуска JavaScript-проектов и менеджер пакетов. Нужны, чтобы React-проект заработал.

Dev server

Локальный сервер, который показывает проект в браузере по адресу вроде http://localhost:5173 и обновляет его при изменениях.

Parity

Соответствие между Figma и кодом: одинаковые имена, варианты и значения.

Деплой

Публикация сайта в интернете. Для портфолио используем Vercel.