Новое в Figma —overlays

Новое в Figma —overlays

04.12.2018 15:10:00
47

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


Figma—облачный сервис для разработки интерфейсов, который позволяет нескольким людям в режиме реального времени работать над одним и тем же проектом. Особенность инструмента заключается в том, что он заточен именно на создание макетов сайтов, веб- и мобильных приложений, и передачи их фронтенд-разработчикам. К слову, мы уже полностью перешли на Figma, следим за всеми крутыми обновами и готовы делиться полезным опытом.


Появившись на рынке пару лет назад, Figma довольно быстро завоевала доверие. В частности, это связано с тем, что сервис постоянно развивается и обрастает новыми возможностями. Так, буквально пару дней назад Figma выкатила очередное обновление — overlays. Наша команда уже заценила его и взяла на вооружение.


overlay.jpg 


Итак, чем же overlays призван упростить работу над макетом? Раньше, чтобы показать дизайн состояний (например, hover или active) или появления модальных окон, приходилось делать копию страницы с новым состоянием того или иного элемента. Теперь достаточно сделать всплывающий элемент вне текущей страницы и лишь и настроить особенности его появления в режиме Prototype.



Что это дает нам и всем другим разработчикам?


Во-первых, презентация клиенту теперь будет нагляднее —ближе к верстке. Мы можем показать как будут работать:

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

Вот наша презентация новых возможностей инструмента.




Расширяя свой функционал, Figma становится всё более универсальным инструментом для создания интерфейсов. Так, теперь она позволяет сделать настоящий интерактивный прототип, не прибегая к сторонним ресурсам. И судя по всему разработчики сервиса на этом не остановятся. Что же последует за overlays? Не знаем, как вы, но мы будем ждать с нетерпением новых фишек. И вам советуем.

Кстати, очень удобно следить за обновлениями Figma в русскоязычной группе Вконтакте.



Начать просто!

Заполните бриф и Machineheads начнут выполнять вашу задачу
Тип проекта:
Сайт
Приложение
Продвижение
Поддержка
Аудит
Чат-бот
Адаптивность сайта:
Компьютер
Планшет
Телефон
Платформа:
Android
iOS
Windows
Вид продвижения:
Seo
Оптимизация сайтов
Web-analitycs
SMM
Контекстная реклама
Таргетированная реклама
Вид поддержки:
Техническая поддержка
Контентная поддержка
Обслуживание хостинга
Тип аудита:
Маркетинговый
Технический
SEO - аудит
Аудит интерфейса
Комплексный