Главное Свежее Вакансии Образование
15 094 2 В избр. Сохранено
Авторизуйтесь
Вход с паролем

FIGMA – мощный инструмент для команды дизайнеров

Многие, наверное, знакомы с Google Docs. Это мощнейший инструмент, который сочетает в себе функции офисных программ и возможности совместной работы. Для автоматизации бизнеса на первом этапе он просто незаменим.

b_5938eaec47713.jpg

Figma – это онлайн редактор графики, который к тому же обладает тремя очевидными преимуществами:

  • история версий;
  • совместный доступ;
  • векторные сети.

Совместный доступ

Одним из основных его понятий является «Team». Каждый проект создается для команды, и мы можем в любой момент пригласить в нее участников.

b_5938eb1332674.jpg

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

Командное редактирование осуществляется в режиме реального времени. Если кроме вас кто-то еще работает над проектом – вы будете это видеть у себя на экране. Указатель будет подсвечен и подписан именем человека, работающего вместе с вами.

Адаптивность

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

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

b_5938eb34840e7.jpg

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

Инструменты

Как и в любом графическом редакторе, пользователю предоставляются инструменты:

  • формы (прямоугольник, линия, стрелка, многоугольник, звезда);
  • перо;
  • текст;
  • рисунок.

Поддерживается работа со слоями, обводками, эффектами, градиентами и т.д. Все это имеет интуитивный интерфейс, и даже самый неискушенный пользователь разберется довольно быстро, хотя интерфейс и на английском.

Здесь же, в главном меню, вы можете оставить комментарий.

b_5938eb57c8de3.jpg

Участник команды может ответить на комментарий.

По умолчанию поддерживаются шрифты Google, но по желанию можно загрузить и свои. Текст можно оформить с помощью эффектов – тени, обводка и пр. Результат экспортируется в PNG, SVG или JPG формат. Это дает возможность создавать свои логотипы с надписями.

b_5938eb6ca91e3.jpg

Вообще, надо отметить, что все инструменты очень проработаны. При рисовании векторов показываются варианты конечных точек. С помощью клавиши ALT вы можете создать копию всей фигуры или отдельной точки. Все легко добавляется и удаляется.

Для верстки сразу для нескольких устройств, разместите рядом макеты для обоих.

b_5938eb9cca1ba.jpg

Полноценное меню содержит все привычные действия.

b_5938ebac3def8.jpg

Файлы из Sketch и Angle импортируются, практически не теряя качества.

Векторные сети

Это третий параметр, в котором Figma превосходит не только прямого конкурента Sketch, но и остальные графические редакторы.

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

b_5938ebca2c391.jpg

История и версии

История версий позволяет просматривать предыдущие версии файла и восстановить или продублировать старую версию файла. Версии создаются через 30 минут после последнего изменения. Изменения сохраняются автоматически, так что если вы закроете вкладку, ваша версия все равно будет сохранена.

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

Тарифные планы

Создатели объявили, что начиная с 1 июля 2017 года, они вводят тарифные планы. Если вы работаете в команде, вы должны выбрать, какой план имеет смысл для вашей команды. Варианты:

1. Starter Team - бесплатно

  • Неограниченное число зрителей.
  • Ограничение по числу проектов - до 3-х.
  • История версий будет ограничена до 30 дней.

2. Команда - $ 12 за редактора в месяц, если уплачивается ежегодно, $ 15 за редактора в месяц при оплате ежемесячно

  • Неограниченное число зрителей.
  • Неограниченная история версий.
  • Неограниченные проекты.
  • Неограниченные библиотеки команд с общими компонентами.

Под редактором подразумевается человек с правами редактирования.

Если вы зарегистрируетесь и совершить годовой план до 1 июля 2017 года, стоимость этого плана будет снижена до $ 10 за редактора в месяц в течение первого года.

С 1 июля 2017 года в бесплатном тарифе вводятся ограничения:

  • История версий будет ограничена до 30 дней.
  • Проекты больше не будут поддерживаться за пределами команды.
  • Библиотеки компонентов не будут доступны за пределами команды.

Десктопная версия

Создав аккаунт, вы можете скачать настольную версию приложения. Вход в нее осуществляется посредством авторизации. Интерфейс полностью идентичен онлайн версии, за исключением меню. Оно имеет классический вид для программы.b_5938ec2bcc898.jpg

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

Заключение

Не смотря на то, что редактор был выпущен только в сентябре 2016 года, он уже завоевал популярность. Доступность его в любой операционной системе, совместная работа и версионность стали именно тем большим плюсом, который сыграл свою роль в признании продукта пользователями.

Вместе с редактором PIXLI, FIGMA станет отличным инструментом в копилке любого дизайнера.

______________________________________________________________________

Материал создан агентством контент-маркетинга Текстотека.

Хотите самостоятельно внедрить контент-маркетинг в свой бизнес? Подписывайтесь на наше сообщество ВКонтакте, там много бесплатного обучающего материала.

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Андрей Привалов
Здравствуйте! Работает ли десктопная версия при отключенном интернете?
Ответить
Денис Дюк
Хорошую статью вы однако запостили, благодарен. Почаще такие ! ) Сегодня еще читал другой пост на данную тему https://writeabout.tech/programming/want-to-know-everything-go-language/
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.