Работа со статусами Figma
Один из 100а дизайнеров знает что это и зачем! Для правильной передачи в разработку компонентов в Figma реализована статусная модель с помощью которой дизайнер может помечать компоненты, тем самым информируя других о готовности отдать в разработку, а так же для оповещения об изменениях разработчиков, но почти все используют эту фичу в корне неправильно и даже не понимая что это за значок. Сейчас все расскажу и покажу.
Как работать со статусами?
- Дизайнер: создает компонент и помечает его как готовый к разработке (путем нажатия на значок в правом углу);
- Разработчик: в режиме dev mode, выбирает у компонента режим «Show in focus view»;
- После того как компонент реализован в коде разработчик помечает его как выполнен, появляется статус что компонент готов;
- Компонент помечается как выполнен и у дизайнера;
Если вносим изменения в компонент
- Дизайнер: вносит какие либо изменения в компонент и он помечается желтым цветом, так же дизайнер пишет что изменилось, и далее компонент помечается зеленым цветом;
- Разработчик: теперь разработчик может перейти в режим просмотра изменений версий непосредственно из самого компонента из левого бара или из режима фокуса на конкретную версию компонента;
- Тогда откроется модальное окно в котором можно просмотреть версионность компонента, изменения и тп;
Итог
Статусы Figma помогают отследить изменения, оповестить других о готовности компонента или же целого флоу, а так посмотреть всю историю изменений компонента. Да, безусловно это сложно и тут думать надо, но сорян, все чаще и чаще встречаются дизайнеры которые даже библиотеки подключать не умеют и это печально на самом деле.
⚡Подписывайся и добавляй в избранное, тут все о самом редком, то чего не знают другие, будешь потом хвастаться знаниями!💪