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