Проектирование в Figma
Figma—облачный сервис для разработки интерфейсов, который позволяет нескольким людям в режиме реального времени работать над одним и тем же проектом. Особенность инструмента заключается в том, что он заточен именно на создание макетов сайтов, веб- и мобильных приложений, и передачи их фронтенд-разработчикам. К слову, мы уже полностью перешли на Figma, следим за всеми крутыми обновами и готовы делиться полезным опытом. Появившись на рынке пару лет назад, Figma довольно быстро завоевала доверие. В частности, это связано с тем, что сервис постоянно развивается и обрастает новыми возможностями. Так, буквально пару дней назад Figma выкатила очередное обновление — overlays. Наша команда уже заценила его и взяла на вооружение.
Итак, чем же overlays призван упростить работу над макетом? Раньше, чтобы показать дизайн состояний (например, hover или active) или появления модальных окон, приходилось делать копию страницы с новым состоянием того или иного элемента. Теперь достаточно сделать всплывающий элемент вне текущей страницы и лишь и настроить особенности его появления в режиме Prototype.
Что это дает нам и всем другим разработчикам?
Во-первых, презентация клиенту теперь будет нагляднее —ближе к верстке. Мы можем показать как будут работать:- ховеры кнопок
- состояния полей
- боковые меню
- подсказки и уведомления
В-третьих, верстальщику будет очевиднее поведение элементов и состояния полей или кнопок. Вот наша презентация новых возможностей инструмента.
Расширяя свой функционал, Figma становится всё более универсальным инструментом для создания интерфейсов. Так, теперь она позволяет сделать настоящий интерактивный прототип, не прибегая к сторонним ресурсам. И судя по всему разработчики сервиса на этом не остановятся. Что же последует за overlays? Не знаем, как вы, но мы будем ждать с нетерпением новых фишек. И вам советуем. Кстати, очень удобно следить за обновлениями Figma в русскоязычной группе Вконтакте.
