Работа со статусами Figma

Один из 100а дизайнеров знает что это и зачем! Для правильной передачи в разработку компонентов в Figma реализована статусная модель с помощью которой дизайнер может помечать компоненты, тем самым информируя других о готовности отдать в разработку, а так же для оповещения об изменениях разработчиков, но почти все используют эту фичу в корне неправильно и даже не понимая что это за значок. Сейчас все расскажу и покажу.

Дизайнер: создает компонент и помечает его как готовый к разработке (путем нажатия на значок в правом углу);

В правом верхнем углу значок добавления статуса

Разработчик: в режиме dev mode, выбирает у компонента режим «Show in focus view»;

После того как компонент реализован в коде разработчик помечает его как выполнен, появляется статус что компонент готов;

Компонент помечается как выполнен и у дизайнера;

Дизайнер: вносит какие либо изменения в компонент и он помечается желтым цветом, так же дизайнер пишет что изменилось, и далее компонент помечается зеленым цветом;

Разработчик: теперь разработчик может перейти в режим просмотра изменений версий непосредственно из самого компонента из левого бара или из режима фокуса на конкретную версию компонента;

Тогда откроется модальное окно в котором можно просмотреть версионность компонента, изменения и тп;

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

⚡Подписывайся и добавляй в избранное, тут все о самом редком, то чего не знают другие, будешь потом хвастаться знаниями!💪

Работа со статусами Figma

Как работать со статусами?

Если вносим изменения в компонент

Итог