25 мая 2022

Пример использования Component Properties от Figma

Долго искал нормальный вариант работы со смежными отделами, потому что ребятам нужны графические шаблонные элементы и тут был ряд проблем: 

  • каждый раз отвлекаться от текущих задач и делать по срочному запросу это плохая история;
  • не все умеют в фигму и что-то не смогут сделать, полноценное обучение и объяснение это всегда временные затраты;
  • не все умеют в фигму и обязательно что-то сломают.

Я нашёл промежуточное решение, связав Google Sheets и Figma, но процесс все равно был сложен: заполнить таблицы, уйти в фигму, куда-то нажать, чтобы все засинхронизировалось. 

Решение подкинула сама Figma новой фишкой Component Properties.

Процесс выглядит следующим образом: 

  • делаем шаблоны компонентом;
  • блокируем все слои;
  • привязываем необходимые слои на редактирование (instance swap, boolean, content);
  • отдаём экземпляр нашего компонента;
  • радуемся.

Никому больше не нужно проваливаться в слои, искать что можно отредактировать и заменить. Просто кликаем на компонент и подменяем в правой панели 🤩🤩🤩

Пример использования Component Properties

Мамкин Дизайнер – телеграм канал
Мамкин Дизайнер Подпишись на телеграм канал
Подписаться