Сетки и лэйауты для дизайн-систем 🚀 Starter Kit
Купить материалы по лэйаутам в Starter Kit: https://web.tribute.tg/p/eSY
Мой канал в Telegram: https://t.me/kotmalamuth
Поддержать донатом: https://t.me/tribute/app?startapp=dkB4
Лэйауты: как собрать адаптивный темплейт, добавить ему плюшек для переключения платформ, а также техническая база. Сетки это капец, как важно, потому что если всё грамотно настроить, можно серьёзно упростить проработку дизайна. И начинаем мы с сеток, потому что от них много чего может зависеть в будущем В видео показываю всё, но кратко и по делу. Также помимо видоса у меня есть для вас 7 примеров конфигурации разных лэйаутов (фигма + готовые конфигурации для Tokens Studio), и всё это расписано и показано максимально подробно, во всех деталях. Эти материалы можно купить по ссылочке выше . Материалы буду регулярно апдейтить и расширять 🫡 Таймкоды: 01:23 Почему начинаем с лэйаутов? 02:03 Базовые переменные spacing, size, radius, stroke 04:00 Теория по сеткам 05:50 Переменные сеток 07:24 Адаптивная сетка 07:52 Темплейт с лэйаутом 09:18 Переменные в Tokens Studio 11:18 Лэйаут с поддержкой платформ в фигме 12:00 Добавляем платформенные компоненты 13:05 Переменные для дизайн-договорённостей по сеткам 13:55 Игнорирование марджинов 14:50 Сетки с точки зрения дизайна 17:40 Пак Starter Kit x Layout