Есть ли в figma плагин, который выводит из макета в удобном для чтения/копирования виде все цвета используемые в макете, в виде scss/sass переменных?

Question

[Dpy3b]

Есть ли в figma плагин/ы, который выводит из макета в удобном для чтения/копирования виде все цвета используемые в макете, в виде scss/sass переменных как это реализовано по умолчанию в Avocode?

Comments

[Dpy3b]

Нашел плагин Colors to Variables, но чето хрень полная

[Flying]

Dpy3b, Не про Figma конечно, но это есть в Zeplin, который хорошо с Figma интегрируется. Мало ли будет полезна информация.

[Dpy3b]

Илья, нашёл способ бесплатно его юзать? 0_о Или плотишь?

[Flying]

Dpy3b, Мы платим, но вообще там есть и бесплатный тариф для личного использования.

Answer 1

[maxbazarov]

Если цвета представлены в виде стилей, то плагин Style Station позволяет их заэкспортить в less или scss переменные.

Comments

[Dpy3b]

Такая же хрень как и styleguide короче, работает не так как ожидается, видимо нету в фигме штуки которая решала бы на данный момент такую задачу

[maxbazarov]

Dpy3b, а как ты хочешь, чтобы работало?
Я плагин допилю, пробоем нет.

[Dpy3b]

maxbazarov, ну я беру макет где у шрифтов и элементов суммарно около 20 уникальных цветов прописанных в стилях, этот плагин мне всего 2 выводит

[maxbazarov]

Dpy3b, Я попробовал Style Station на разных примерах — все ок. Можешь пример выслать на [e-mail] ?

[Dpy3b]

maxbazarov, https://www.figma.com/file/wB4kKXAogwIAqFSt1Om7ky/... вот макет

[maxbazarov]

Написал тебе в телегу

Answer 2

[Ivnika]

Точно есть плагин который автоматом формирует страницу в проекте с используемыми стилями цветов Color styleguide а вот по вашему запросу не знаю..

Comments

[Dpy3b]

Так фигма и без плагинов выводит всё это в отдельном разделе

[Ivnika]

Да, но не так красиво, удобно и наглядно