Анатомия CSS-переменных
Глубокое погружение в кастомные свойства. Как структурировать токены цвета, отступов и типографики для максимальной гибкости.
Ресурсы и Обучение
База знаний
База знаний
и блог
Глубокие разборы архитектуры дизайн-систем, руководства по внедрению токенов и лучшие практики от ведущих продуктовых команд.
Preview: Design Tokens
Выбор редакции
12 минут чтения
От хаоса к системе: как мы сократили время разработки UI на 45%
Кейс команды «ФинТех Решения». Как миграция на PatternLab помогла объединить 12 разрозненных продуктовых команд под единым визуальным стандартом без остановки разработки. Разбираем ошибки первого этапа и стратегию внедрения.
Читать полный разбор →Последние публикации
Свежие идеи для дизайнеров и разработчиков
Интеграция с Storybook
Пошаговый туториал: как настроить автоматическую генерацию сторис из ваших компонентов PatternLab для Vue и React.
Доступность (a11y) в системах
Почему контраст — это только начало. Внедряем ARIA-метки и семантику на уровне дизайн-системы, а не компонента.
Управление версиями UI
Стратегии семантического версионирования (SemVer) для дизайн-систем. Как сообщать об изменениях без паники.
Миграция с Design Tokens
Инструменты для конвертации старых SCSS-переменных в JSON-формат PatternLab. Автоматизация процесса.
Культура код-ревью
Как внедрение единого стиля влияет на скорость ревью кода. Статистика и интервью с лидями разработки.
Библиотека руководств
Скачиваемые PDF-гайды для глубокого изучения
Архитектура дизайн-системы
Полный курс от основ до масштабирования. 45 страниц теории и практики.
Словарь UI-терминов
Единый глоссарий для дизайнеров и разработчиков. Устраняем терминологический барьер.
Чек-лист доступности
Практическое руководство по аудиту интерфейса по стандартам WCAG 2.1.
Расписание вебинаров
Живые встречи с экспертами сообщества
15 Октября, 18:00 МСК
Запись открыта
Микровзаимодействия в React
Спикер: Алексей Петров (Senior FE @ Yandex). Разбираем, как анимировать токены и сохранять производительность.
22 Октября, 19:00 МСК
Регистрация
Дизайн-система для Enterprise
Спикер: Мария Иванова (Design Lead @ Sber). Как управлять 50+ приложениями и не сойти с ума.
Присоединяйтесь к сообществу
Обсуждайте новые фичи, делитесь своими компонентами и задавайте вопросы напрямую команде PatternLab. Наш форум — это 15,000+ активных участников.
Перейти на форум PatternLabГотовы начать?
Примените знания из блога на практике. Создайте свою первую дизайн-систему бесплатно.
Создать аккаунт