{"id":14270,"url":"\/distributions\/14270\/click?bit=1&hash=a51bb85a950ab21cdf691932d23b81e76bd428323f3fda8d1e62b0843a9e5699","title":"\u041b\u044b\u0436\u0438, \u043c\u0443\u0437\u044b\u043a\u0430 \u0438 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a \u2014 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0433\u043e\u0440\u0435","buttonText":"\u041d\u0430 \u043a\u0430\u043a\u043e\u0439?","imageUuid":"f84aced9-2f9d-5a50-9157-8e37d6ce1060"}

Как мы ускорили разработку на 22%, благодаря Figma?

Привет! Меня зовут Максим Фурсов, я основатель многофункционального агентства HyperMission.

За 2,5 месяца мы полностью перешли на Figma. Это было самое лучшее, что случилось с нами в плане удобства и скорости работы. И да, статья для тех, кто до сих пор сидит и делает макеты в Photoshop или Sketch.

Типичные проблемы

Между разработчиками и дизайнерами всегда возникает недопонимание. Особенно, когда их несколько.

А где лежат вот эти файлы проекта? А где новая версия? Ой, я тут удалил, случайно, как вернуть обратно? Надо обсудить, как ты хочешь это реализовать.

Очень много времени тратилось на ожидание ответов, обсуждение проекта, но теперь это не нужно.

Командная работа

Несколько человек могут работать над проектом в режиме реального времени.

Рядом с курсором пишется имя члена команды и можно понять, кто, что и зачем меняет.

Командная работа в Figma

Грамотная организация

В Figme просто и удобно организованно облачное пространство. Здесь хранятся все файлы по типу команда – проект – файл. Полностью исключены дубликаты и другие мусорные файлы. Такой подход сохраняет проект в чистоте и у разработчиков нет вопросов, откуда и что брать.

Спасение для фронт-ендеров

Чтобы не допустить ситуаций с удалением элементов или их перестановкой в макете, выдаём разработчику права «только чтение». Все необходимые ему функции останутся: посмотреть цвет, размер, слои и так далее.

И, конечно же, проект сохраняется при любом изменении, а значит, у разработчика всегда самая актуальная версия. В случае экстренного изменения элемента можно оставить комментарий. Кстати, о них.

Комментарии

Больше никаких посиделок в Skype с многочасовым обсуждением, чтобы потом снова переспрашивать, потому что не записали или не запомнили. Все комментарии собираются в одном месте, чтобы ничего не упустить.

Прототипирование

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

Прототипирование в Figma

Мокапы

Полезная фишка, как для дизайнеров, так и для разработчиков. Можно посмотреть, как будет выглядеть проект, все ли корректно работает. Не нужно включать фантазию или подгружать слои в Photoshop.

Просто освоить.

За полчаса каждый член команды полностью разобрался в функционале и инструментах Figma. Так что переход был максимально безболезненным.

А что с 22 процентами? Как посчитали?

Производился учёт времени на два больших одинаковых по объёму проекта.

Без Figma проект был сделан за 95 дней

C Figma проект был сделан за 75 дней

Стало меньше недопонимания и рабочих конфликтов.

0
Комментарии
-3 комментариев
Раскрывать всегда