создать новый UI-kit для большого и долгого проекта
Есть дизайн макеты в фигме
- Цветовые схемы
- Размеры
- Вариации
- Отступы
- Шрифты (размеры, и прочие параметры)
- И другие схожие вещи
В фигме уже построена полноценная система дизайна (группы свойств и их значения)
Как мне корректно перенести это свой проект, что бы на выходе получилась полноценная UI-либа компонентов, которую можно будет использовать в других проектах?
реакт, тайпскрипт, сторибук, доступность, сборки и прочее - это я знаю, здесь вопросов нет
Мне бы как-то системно ответить на вопрос о реализации самого дизайна в проекте, как системы (каким образом навешивать на компоненты эти ортогональный группы свойств (цвета и размеры), что бы всё это могло свободно рекомбинироваться между собой) ?
- большая зелёная кнопка с иконкой
- маленькая зелёная без иконки, с обводкой
- и т.д.
Если у кого-то есть качественный релевантный опыт, мог бы оформить полноценную консультацию с оплатой
Стикер
тайлвинд нельзя Ограничения такие
tailwind + cva норм
Хуевые ограничения. Там все уже за тебя придумали
тогда css модули
Подсматривать у оупенсорс либ пробовал?
кайф
Там три уровня композиции с кастомными тяжелёыми решениями стилизации. напрямую темы не сконфигурировать Radix - headless components как базу для ui-kit использую Логика на половину для всех компонентов написана, осталось придумать как аккуратно, красиво, но главное системно прикрутить к этому всему стилизацию
Ну, тут главное отличие что оупенсорс либы позволяют обычно тебе настроить всё подряд, а продуктовый юи-кит как раз настраиваться обычно не должен. У тебя такой кейс?
Обсуждают сегодня