Пример использования Component Properties от Figma
Долго искал нормальный вариант работы со смежными отделами, потому что ребятам нужны графические шаблонные элементы и тут был ряд проблем:
- каждый раз отвлекаться от текущих задач и делать по срочному запросу это плохая история;
- не все умеют в фигму и что-то не смогут сделать, полноценное обучение и объяснение это всегда временные затраты;
- не все умеют в фигму и обязательно что-то сломают.
Я нашёл промежуточное решение, связав Google Sheets и Figma, но процесс все равно был сложен: заполнить таблицы, уйти в фигму, куда-то нажать, чтобы все засинхронизировалось.
Решение подкинула сама Figma новой фишкой Component Properties.
Процесс выглядит следующим образом:
- делаем шаблоны компонентом;
- блокируем все слои;
- привязываем необходимые слои на редактирование (instance swap, boolean, content);
- отдаём экземпляр нашего компонента;
- радуемся.
Никому больше не нужно проваливаться в слои, искать что можно отредактировать и заменить. Просто кликаем на компонент и подменяем в правой панели 🤩🤩🤩