Дизайн-система и компоненты

Токены, цвета, типографика, UI-kit, состояния компонентов, паттерны интерфейса и единый визуальный язык продукта.

14.06.2026 9 мин

MCP-сервер вашей дизайн-системы: подключаем AI-агент к компонентам напрямую

«Создай карточку как в нашей системе» без MCP — агент смотрит на кодовую базу и угадывает. Находит чтото похожее на карточку, адаптирует. Результат близкий но не тот: другой borderradius, другая структура пропсов, другое имя которое теперь нужно искать и исправлять.

Дизайн-система и компоненты

14.06.2026 13 мин

LLM-readable документация: как писать про компоненты чтобы AI не изобретал велосипед

В мае 2026 в реальном job posting Senior Product Designer появилось требование которого год назад не существовало: «Создавать и поддерживать документацию системы читаемую дизайнерами, инженерами и LLM вроде Claude».

Дизайн-система и компоненты

14.06.2026 8 мин

Storybook: почему инструмент разработчиков стал незаменим для дизайнеров

Storybook создавался для разработчиков — среда для изолированной разработки компонентов без запуска всего приложения. Дизайнеры которые начали его использовать говорят одно: «не понимаю как работал без него».

Дизайн-система и компоненты

14.06.2026 10 мин

AI рисует не в вашем стиле: как заставить его соблюдать дизайн-систему

Объяснил AI что кнопки называются Button/Primary, акцент E94560, шрифт Bricolage Grotesque. В этой сессии всё правильно. Закрыл чат. Открыл новый — снова Inter, снова синяя кнопка, снова shadcn по умолчанию.

Дизайн-система и компоненты

14.06.2026 10 мин

Тёмная тема за один день — если ты правильно настроил переменные заранее

Есть два способа добавить тёмную тему. Первый: открываешь каждый компонент, меняешь цвета вручную, смотришь как половина рассыпается, переделываешь три дня, всё равно чтото пропускаешь. Второй: создаёшь Dark Mode в Figma Variables, задаёшь тёмные значения, переключаешь — всё обновляется за секунду. Один день вместо трёх.

Дизайн-система и компоненты

14.06.2026 8 мин

Атомарный дизайн на практике: перестань лепить интерфейс с нуля каждый раз

В проекте без системы каждый новый экран начинается с нуля. Дизайнер рисует кнопку — не ту же что на прошлом экране, похожую. Чуть другой padding. Чуть другой шрифт. Через год в продукте 40 вариантов кнопки где по логике должно быть 4.

Дизайн-система и компоненты

14.06.2026 9 мин

Токены дизайна: почему без них продукт всегда выглядит по-разному

В команде три разработчика делают три разных раздела продукта. У каждого в голове «основной синий цвет бренда» — но у каждого своё понимание какой именно синий. Первый пишет 1A1A2E. Второй 1B1B30. Третий берёт пипеткой из Figma но промахивается на пиксель — получается 1A1C2E.

Дизайн-система и компоненты

14.06.2026 8 мин

Без дизайн-системы ты переделываешь одно и то же — снова и снова

Возьми любой продукт которому больше года и открой три разных экрана. Найди кнопку «Сохранить» на каждом. Скорее всего увидишь три слегка разные кнопки: padding чуть отличается, borderradius немного другой, шрифт другого размера. Никто специально этого не делал. Просто первый разработчик не нашёл нужный компонент и написал свой. Второй детачнул библиотечный чтобы быстрее. Третий скопировал с другого экрана но случ...

Дизайн-система и компоненты

10.06.2026 8 мин

Дизайн как код: как упаковать насмотренность в файл и раздать всей команде

Попросите любой LLM сделать лендинг без дополнительных инструкций. Получите: Inter, белый фон, фиолетовый градиент в герое, четыре карточки в сетке, едва заметный hover. Anthropic называет это «distributional convergence» — модели воспроизводят статистический центр дизайн-решений из обучающих данных. Центр — это усреднённое. Усреднённое — это никакое. Skill-файлы это лечат. Но важнее другое: они превращают дизайн-суждение — то, что живёт в голове опытного дизайнера — в переиспользуемый артефакт, который можно передать агенту, команде, следующему проекту.

Дизайн-система и компоненты

26.04.2026 6 мин

Taste-Skill: как дать ИИ «хороший вкус» и навсегда избавиться от скучного фронтенда

В эпоху, когда ИИ-агенты вроде Cursor, Claude Code, Codex, Windsurf и Copilot пишут код быстрее человека, возникает новая проблема — **«AI-slop»** (от англ. slop — мусор, отбросы). ИИ отлично справляется с логикой и функционалом, но часто генерирует визуально скучные, шаблонные интерфейсы: одинаковые карточки по центру, серые цвета, отсутствие анимаций, слабая типографика и плоская иерархия.