В арсенале современного дизайнера много инструментов на любой вкус, цвет и кошелек. Одни – использует чуть ли не каждый специалист, о других – слышала лишь малая часть. Figma относится к первым. На это молодое приложение переходят все больше Веб-студий . В чем его секрет – разберем в статье.
Что такое Figma
Figma (Фигма) – это онлайн-сервис для дизайнеров и веб-разработчиков. В нем прорабатывают интерфейсы для мобильных приложений и сайтов. У него невысокие требования к подготовке пользователей и большой потенциал при относительной простоте. Ключевой особенностью является возможность совместной работы в режиме реального времени.
Как и большинство подобных продуктов, сервис распространяется по подписке. Предусмотрен и бесплатный доступ для одного проекта. Функционал в этой версии ограничен, но его хватает для полноценной работы. Для веб-студий и больших организаций подойдут два платных тарифа:
- Professional – 15 долларов в месяц (12 при оплате за год);
- Organization – 45 долларов в месяц (только годовая оплата).
У Фигмы помимо онлайн-режима есть декстопная версия. В ней реализована кроссплатформенность для Windows, MacOS и Linux. Приложение нетребовательно к системным ресурсам. Также организована интеграция с корпоративным мессенджером Slack и инструментом прототипирования Framer.
Figma за 13 минут для верстальщиков и веб-дизайнеров
Плюсы Figma
Бесплатная версия
У Фигмы есть бесплатная версия. Ее возможностей достаточно для качественной работы над одним проектом. Здесь нет ограничений по размеру облачного хранилища, количеству файлов в черновиках, числу зрителей, комментаторов и редакторов. Сохраняются все версии файлов за последние 30 дней. Продукты именитых конкурентов (Photoshop, Sketch) полностью платные.
Работа в облаке
Файлы хранятся в облаке. У всех есть круглосуточный доступ из любой точки мира. Не нужно передавать исходники через почту, физические носители, сторонние сервисы или создавать для них отдельный сервер. Нет проблем с синхронизацией версий проекта. Всем доступны актуальные документы.
Совместный доступ к проекту
Благодаря онлайну и облачному хранилищу над проектом может работать вся команда одновременно. Взаимодействие происходит в режиме реального времени. Изменения, внесенные коллегами, будут видны сразу же. Наставникам легко контролировать подопечных. Помимо редактирования есть возможность просматривать и комментировать результаты.
Заказчики смогут оценить результаты и тут же написать замечания.
Автоматическое сохранение и контроль версий
Figma сама сохраняет проект после внесения изменений. Не нужно постоянно нажимать Ctrl+S после каждого действия, как, например, в Фотошопе. Также есть контроль версий за последний месяц. Платформа делает автокопии. При необходимости этот параметр можно поменять вручную.
Практически невозможно потерять или испортить исходник.
Мультиплатформенность
Полный функционал Фигмы доступен прямо из браузера. Не нужно скачивать дополнительные программы. Для тех, кому неудобно так работать, есть приложения на Windows, MacOS и Linux. Нет необходимости покупать специализированное железо, как, например, Макбуки для Sketch.
Учиться веб дизайну нужно НЕ с FIGMA
Простота в освоении
Разработчики довели до совершенства интерфейс платформы. Все функциональные элементы под рукой. Горячие клавиши разбиты по категориям. Меню выполнено понятно, не возникает проблем с поиском инструментов. Специалист разберется во всех тонкостях за 2-3 дня.
Новичок за день уроков сможет делать простенькие прототипы. Новые фишки публикуются в блоге и Твиттере Figma.
Производительность
Как правило, дизайнерам для работы в профильных приложениях нужно мощное железо. Иначе все будет виснуть. Чтобы внести малейшие правки, понадобятся часы. Фигма отменяет этот стереотип. Там, где Photoshop висит, она летает.
Для ее комфортного запуска не обязательно покупать топовые ноутбуки или компьютеры. Но и у нее есть предел. При редактировании большого документа в несколько страниц и десятков холстов возможны зависания на встроенных видеокартах.
Компоненты и фреймы
Фрейм – это готовый холст со своими параметрами. Компоненты – это фреймы в виде шаблонных блоков. Все элементы веб-страницы (кнопки, иконки, формы и другое) можно превратить в компоненты и собирать из них готовые страницы, как из конструктора.
Все компоненты подчиняются родительской копии: если в ней что-то изменить, то изменения коснуться всех дочерних. При этом изменения дочерней копии никак не влияют на оригинал. Это экономит уйму времени. В других редакторах каждую копию пришлось бы менять вручную.
Удобное выравнивание элементов
В Фигме качественно реализовано выравнивание элементов. Например, нужно расположить их на одинаковом расстоянии друг от друга. В Фотошопе это пришлось бы делать вручную или скачивать дополнительные плагины. Здесь же для этого есть отдельная кнопка.
Объекты меняются местами простым перетаскиванием. Все отступы сохраняются. Команды Pack Horizontal и Pack Vertical группируют элементы вплотную друг к другу в заданных направлениях.
Копирование стилей
В сервисе есть функция копирования стиля объектов. Можно скопировать целиком, только часть или заготовить их заранее и применять к любым элементам. Как и с компонентами, если изменить стиль, то изменения коснутся всех исходников автоматически. Это же касается стилей текстов. Если отредактировать параметры одного из них, то этот стиль поменяется во всех документах.
Привязки
Функция закрепляет положение элемента относительно границ. Если они сдвинутся, то привязанный к ним объект подстроит свое относительное положение под новые размеры. Например, на макете вертикального экрана телефон закреплен в левом верхнем углу, а логотип – в правом нижнем. В горизонтальном положении экрана они останутся в своих углах.
Так проще разрабатывать адаптивный дизайн. Но нужно следить за размерами объектов. Если переборщить, то привязка сработает криво.
Интерактивный прототип
Проект можно показать клиенту по ссылке, а не только на статичной картинке. Не нужно объяснять, как работает тот или иной элемент. Заказчик все видит в режиме презентации и может лично протестировать его. Например, посмотреть анимированные переходы между макетами, дизайн сайта на декстопах и мобильных устройствах и другое. Функционал не сравнится со специализированными приложениями по прототипированию, но его хватает для многих задач.
Источник: dzen.ru
10 отзывов на Figma
Облачная или он-премис (on-premise) платформа для разработки дизайнов и совместной работы над прототипами с системой аналитики и ведения логов.
Рейтинг по свойствам
Функциональность
Служба поддержки
Легкость внедрения
Поделиться
Сортировать по новизне
популярность
Отзывы с оценкой
Опыт использования
Тестовый период
Менее 6-и месяцев
6-12 месяцев
1-2 года
Частота использования
Ежедневно
Раз в неделю
Раз в месяц
Другое
Роль
Пользователь
Администратор
Устанавливал и настраивал продукт
Помогал выбирать этот продукт
Применить (10 отзывов)
Отзывы pickTech
мы собрали реальные отзывы пользователей со всего мира для вас 🙂
Опыт использования: 1-2 года
Компания 2-10 сотрудников, Дизайн
Комментарий: переведен из источника capterra.com
Плюсы: Сотрудничество в режиме реального времени с другими членами команды и клиентами.
Минусы: Поиск нужного компонента в библиотеке активов может быть проблематичным
Общее впечатление
Служба поддержки
Функциональность
Легкость внедрения
29 августа 2022г.
Отзывы pickTech
мы собрали реальные отзывы пользователей со всего мира для вас 🙂
Опыт использования: 6-12 месяцев
Компания 11-50 сотрудников, Информационные технологии и услуги
Комментарий: переведен из источника capterra.com
Плюсы: Figma — это отличное программное обеспечение для дизайнеров. Она проста в использовании, работает в браузере и имеет отличные возможности для совместной работы. В настоящее время это практически единственное программное обеспечение для дизайна, которым я пользуюсь, потому что с помощью Figma я могу сделать очень многое.
Минусы: Возможности прототипирования и пользовательского тестирования немного ограничены. Иногда мне все еще приходится использовать сторонние приложения для проведения базового пользовательского тестирования.
Общее впечатление
Служба поддержки
Функциональность
Легкость внедрения
11 августа 2022г.
Отзывы pickTech
мы собрали реальные отзывы пользователей со всего мира для вас 🙂
Опыт использования: 2+ лет
Компания 2-10 сотрудников, Дизайн
Комментарий: переведен из источника capterra.com
Плюсы: Простота использования, интерфейс — он великолепен во всех отношениях.
Минусы: Есть некоторые очень полезные функции, которые доступны только с платными плагинами. На мой взгляд, некоторые из них должны быть частью программы.
Общее впечатление
Служба поддержки
Функциональность
Легкость внедрения
02 августа 2022г.
Отзывы pickTech
мы собрали реальные отзывы пользователей со всего мира для вас 🙂
Опыт использования: 1-2 года
Компания 2-10 сотрудников, Маркетинг и реклама
Комментарий: переведен из источника capterra.com
Плюсы: Figma предлагает передовые решения в области дизайна веб-шаблонов, которые позволяют пользователям выйти за пределы определенных границ. Я не скажу, что это легко (потому что мне потребовались годы, чтобы комфортно работать с этим инструментом), но все зависит от типа вашего мышления и качества опыта, которого вы достигаете при работе с ним. Программа предлагает отличные возможности для совместной работы и имеет потрясающие тарифные планы с пробными версиями. Я просто обожаю этот инструмент, потому что он позволяет мне создавать мозговые штурмы, которые я предлагаю в качестве дополнительных услуг на фриланс-платформах.
Минусы: Объекты, особенности и функциональные возможности слишком малы и закрыты. Требуется много времени, чтобы действительно разобраться в них. Рабочий стол Figma не поддерживает Windows 7. Хотя это может быть сделано для того, чтобы заставить пользователей перейти на более современные версии windows и, вероятно, дать им возможность лучше работать, однако, некоторым людям просто нравится работать с Windows 7 (по некоторым причинам), и они могут не иметь возможности использовать Figma. С моей собственной точки зрения, я вижу в этом своего рода препятствие.
Источник: picktech.ru
Компьютерная программа Figma — отзывы
Совсем недавно я начала интересоваться мобильным дизайном и прошла бесплатный марафон по созданию своего первого приложения. Программа очень удобная и простая, особенно если вы абсолютный новичок в компьютерном дизайне.
Не буду делать обзор интерфейса, это уже сделали неоднократно за меня. Расскажу о своих плюсах и минусах и покажу примеры работ с бесплатного интенсива. Моя история: Я уже давно работаю с дизайнерами на сложных проектах и сама берусь за более простые.
Источник: irecommend.ru