Почти все плагины фигмы работают с Plugin API, при помощи него можно доставать значения цветов из сущностей фигмы. Пока наш внутренний плагин работает с приватными цветами (Variables) внутри коллекции (Collection или VariableCollection в терминах API).
На вход плагин принимает базовые цвета (можно импортировать из артборда или указать в полях в плагине), а на выходе генерирует палитру приватных цветов (alpha и solid) по заранее определенным формулам для всех тем. Тем самым он может обновить все зависимые Variables в Collection (в Local variables), а фигма сама обновит Local styles, которые зависят от Local variables.
При экспорте в код, плагин собирает обновленные приватные цвета, и выдаёт CSS‑файлик с обновленными цветами.
В нашей команде этим занимаются не более 10 человек и в облаке много сервисов, которые нуждаются в подобном подходе.
Наверное, об автоматизации стоит задуматься, когда техническая часть (перенос Variables) начнет преобладать по трудозатратам над смысловой (создание / применение темы).
Мы все очень хорошо знакомы с material design, давайте опустим какие-то теории и начнем углубляться в практику, буду благодарен, если у вас получится привести реальный путь, как поменять стилистику в подобных сервисах, имея собственную дизайн-систему. Наверное будет польза.
В статье также учитываются практики, рассказывается с чем можно столкнуться, что есть от части внутри и как можно делать быстро и безопасно. Когда с этим работаешь, все происходит иначе – тут в этом речь. Вы говорите про волшебную кнопку, а мы про то, что под капотом.
Добрый день. В статье описан опыт решения наших задач и более общий подход по подбору цветов для переменных, зашитых в дизайн-систему. В DataLens совсем недавно вышел инструмент для стилизации UI в платном тарифе, можно им воспользоваться для примерки цветов с его помощью.
Почти все плагины фигмы работают с Plugin API, при помощи него можно доставать значения цветов из сущностей фигмы. Пока наш внутренний плагин работает с приватными цветами (Variables) внутри коллекции (Collection или VariableCollection в терминах API).
На вход плагин принимает базовые цвета (можно импортировать из артборда или указать в полях в плагине), а на выходе генерирует палитру приватных цветов (alpha и solid) по заранее определенным формулам для всех тем. Тем самым он может обновить все зависимые Variables в Collection (в Local variables), а фигма сама обновит Local styles, которые зависят от Local variables.
При экспорте в код, плагин собирает обновленные приватные цвета, и выдаёт CSS‑файлик с обновленными цветами.
В нашей команде этим занимаются не более 10 человек и в облаке много сервисов, которые нуждаются в подобном подходе.
Наверное, об автоматизации стоит задуматься, когда техническая часть (перенос Variables) начнет преобладать по трудозатратам над смысловой (создание / применение темы).
Мы все очень хорошо знакомы с material design, давайте опустим какие-то теории и начнем углубляться в практику, буду благодарен, если у вас получится привести реальный путь, как поменять стилистику в подобных сервисах, имея собственную дизайн-систему. Наверное будет польза.
В статье также учитываются практики, рассказывается с чем можно столкнуться, что есть от части внутри и как можно делать быстро и безопасно. Когда с этим работаешь, все происходит иначе – тут в этом речь. Вы говорите про волшебную кнопку, а мы про то, что под капотом.
Добрый день. В статье описан опыт решения наших задач и более общий подход по подбору цветов для переменных, зашитых в дизайн-систему. В DataLens совсем недавно вышел инструмент для стилизации UI в платном тарифе, можно им воспользоваться для примерки цветов с его помощью.