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

Сайт Figma
Перейти

В 2023 году Atman был сертифицирован Webflow по направлениям: CMS, Layouts Level 01, Layouts Level 02, Webflow 101, Webflow Experts Certification. Подробнее про сертификацию.

Преимущества

Назад
Вперед

Доступно онлайн

Для просмотра работы в Figma не требуется авторизация или специальное ПО: макеты можно смотреть и комментировать по ссылке в браузере. Это делает процесс прозрачным, упрощает коммуникацию с дизайнером и ускоряет внесение правок в макеты.
Доступно онлайн

Командная работа из любой точки мира

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

Активное сообщество

Figma собрала вокруг себя большое количество единомышленников. Представители сообщества создают плагины, готовые компоненты и блоки и другие полезности, ускоряющие работы над проектами.
Активное сообщество

Интерактивный прототип готов к вашим комментариям!

Режим просмотра Figma позволяет организовать итерационный показ макетов. Ощутите себя пользователем вашего сайта, взаимодействуя с ним через навигационные элементы. Оставляйте комментарии к макетам в тех местах, где они необходимы.
Интерактивный прототип готов к вашим комментариям!

Дизайн-система — легко

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

Экспертиза Atman

Системный подход

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

Прозрачный итеративный процесс

В проект включено 3 шага внутри Figma: прототип, дизайн-концепт и дизайн-макеты. На каждом шаге предусмотрен показ результата и прием замечаний. Итерации замечаний отражаем в Figma — можно увидеть, как улучшается макет после внесения изменений.
Прозрачный итеративный процесс

Плагин-пак для проектов

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

Передаем доступы и исходники

По завершению проекта предоставляем файл с доступами, в котором содержатся ссылки на просмотр и редактирование проекта в Figma. Кроме того, передаем исходники в формате .fig и .pdf.
Передаем доступы и исходники

Где применяем

Описание процесса, этапности и сроков

Примеры проектов

Назад
Вперед
azsnnk.ru
azsnnk.ru

azsnnk.ru

azsnnk.ru

Веб-сервис
Промышленность
ecokorm.ru
ecokorm.ru

ecokorm.ru

ecokorm.ru

Корпоративный сайт
Животноводство
Imena Studios
Imena Studios

Imena Studios

Imena Studios

Веб-портал
Бьюти-услуги
2020.evotor.ru
2020.evotor.ru

2020.evotor.ru

2020.evotor.ru

Имиджевый лендинг
IT-продукты
BehanceСтатья на vc.ru
vprok.tech
vprok.tech

vprok.tech

vprok.tech

Веб-портал
Ритейл
Behance

Вопросы и ответы

Вперед

Вперед

Вперед

Смотреть еще

Все технологии
Перейти
Adobe PhotoshopAdobe Photoshop

Adobe Photoshop

Инструмент создания и модификации растровых изображений.

PHP — Yii2PHP — Yii2

PHP — Yii2

Бесплатный и открытый фреймворк на языке программирования PHP для разработки быстрых и масштабируемых веб-приложений.

Adobe AEAdobe AE

Adobe AE

Инструмент анимации векторных изображений.