Color Generator для любых компонентов

[Amiditin]

С чем связан запрос на фичу?

Необходимо добавить динамическое создание цветов для компонентов

Расскажите как вы это себе видите

Если во время обхода дерева фигмы обнаружен фрейм с названием Generator/Component, где Component это название компонента Button, Badge, Tag, либо любое другое, то для полученной структуры генерируем цвета этого компонента на основе его свойств.

Критерии готовности выполнения задачи

В результате работы генератора в тему добавляются токены цветов компонентов

Материалы

https://www.figma.com/design/pdUi2oYo5kZUHaMAjpFNdp/R46-Product-Design-System-Master?node-id=2141-33819&t=9ka30NSWU6eGJumP-0

[Amiditin]

@EdMakriy будет время, можешь пожалуйста для компонентов Badge Tag создать отдельный фрейм, где меняются только цвета, как например делали с Button. Ещё, думаю, для таких компонентов нужно определиться с названиями свойств, то есть предлагаю сделать обязательным свойства State и Style, пускай даже у них будет один вариант default.

Например, у текущего Tag компонента есть свойства Style и State, на основе их легко сгенерировать токены

'tag.square.positive.background': 'rgba(34, 197, 94, 1)',
'tag.square.positive.font': 'rgba(255, 255, 255, 1)',
'tag.square.positive.border': 'transparent',
'tag.square.negative.background': 'rgba(225, 29, 72, 1)',
'tag.square.negative.font': 'rgba(255, 255, 255, 1)',
'tag.square.negative.border': 'transparent',

Details

А у Badge компонента таких свойст нет, но есть похожие Outline, который можно заменить на Style: default и Style: outline, и Status, который можно заменить на State. Насчёт корректности названий не уверен, возможно стоит поменять Outline на State, а Status на Style.

Details

Ещё компоненты, над которыми можно подумать в будущем и синхронизировать дизайн с генератором, это Input Switch Checkbox Status Radio

[EdMakriy]

Там все древнее...
Outline это скорее Variant чем state.
Да, хорошо. Сделаю.

[EdMakriy]

У бейджей помоему нет стейтов
Как такой вариант?

[EdMakriy]

Можно затестить - https://www.figma.com/design/pdUi2oYo5kZUHaMAjpFNdp/R46-Product-Design-System-Master?node-id=4389-2281&t=aLAgkDNZGg9TYZHr-1

[Amiditin]

У бейджей помоему нет стейтов Как такой вариант?

В задаче стоит генератор цветов, Variant у Badge скорее за форму отвечают, там цвета не меняются. Тогда думаю нужно оставлять Variant: default, а текущие значения в Shape

[Amiditin]

@EdMakriy секунду, там всё смешано, за цвета отвечают Square Square outline и Dot, тогда нужно убрать только Rounded и отставить остальные значения в Variant, либо какую-то другую структуру придумать

[EdMakriy]

За цвета отвечает Style
Variant всего 4 - как они могут отвечать за 7 стилей?

[EdMakriy]

Я вроде понял про что ты

[Amiditin]

@EdMakriy @barmallion можем созвониться, обсудить это? #52 (comment)
https://t.me/c/1057842456/43000/80333

[EdMakriy]

@EdMakriy @barmallion можем созвониться, обсудить это? #52 (comment) https://t.me/c/1057842456/43000/80333

Конечно.