Дизайн токены. Что это, куда и зачем, а может и откуда. Дизайн система в Фигме

[@olhatrubitsyna7290]

Рада что наткнулась на твой канал! Решила углубиться в создание дизайн систем и видео очень кстати. По твоим урокам уже разобралась с переменными для цвета

[@renk_vladyslav]

Супер, в этом видео все опять немного поломается, чтобы автоматизировать передачу на прод, но это не сильно страшно на текущем этапе) Возможно прийдется запускать сайт, чтобы показывать как это все работает в полном объеме) Посмотрим если запрос есть, у меня есть знакомый фронтендер который может помочь, если я сам не справлюсь)

[@Челспереулка-ч1ч]

что-то я не врубился. Вот почитал еще пару статей, вот допустим берут пример: $color-component-button-blue-bg-normal и $color-component-button-blue-bg-hover. То есть мы просто в ручную описываем для разрабов каждую вариативность кнопки или как?

[@renk_vladyslav]

Если ты все эти переменные используешь в макете(применяешь цвет из переменных, отступы из переменных цифровых) то у разработчика в дев моде будет все описано. И он будет брать эти переменные. На старте нужно просто передать Json файл с ними, чтобы у него все работало. Как это собрать в сторибук, или другой сервис для сбора компонентов это наверное уже к фронтам) Так подробно описывать нужно было только шрифт наверное. Но на днях вышло обновление фигмы, которое еще не на всех выкатили правда. Там дали поддержку переменных в тексте. Так что скоро не нужно будет так цвет описывать а можно будет для него описать переменные.

[@dangulkin]

Спасибо! Супер полезно

[@kitchenmonster228]

мельтешение на экране капец, туда-сюда, туда-сюда, аж голова болит. у тебя сдвг?

[@renk_vladyslav]

Привет Это довльно частая история, когда показываешь свой экран. Хочется показать все и сразу, кажется так будет понятнее. Но возможно нужно более структурно и спокойно рассказывать какие то отдельные моменты. Это лишь тема для проработки. Интересное замечание. Надеюсь что информация из ролика хотя бы была полезной.