Для разработки прототипов сайтов я использую Figma. Это онлайн-сервис для дизайнеров. Кто-то работает в фотошоп, кому-то нравится скетч. А меня на курсе научили пользоваться этой платформой. Здесь можно разрабатывать не только сайты, но и верстать тексты, гайды. Даже целые книги. Можно создавать свои иконки, разные графические элементы для дизайна.
А теперь подробнее о преимуществах Фигмы:
✔Команда Figma
создала продукт, который позволяет работать над проектом одновременно нескольким дизайнерам. Поэтому разработчик и клиент могут одновременно комментировать, задавать вопросы и править макеты. Можно ограничить статус для каждого участника, например read-only. И не волноваться, что кто-то нарушит гармонию в дизайне. Для совместной работы нужен только интернет и браузер. Это упрощает жизнь как дизайнеру, так и разработчику.
✔Все версии
и изменения хранятся в Figma и вы можете в любой момент вернуться до нужной. Не нужно хранить десятки файлов на компьютере и помнить, в каком файле дизайн был с тем элементом, который заказчик попросил убрать, а теперь хочет вернуть. Изменения в Figma сохраняются автоматически.
✔Здесь Удобные инструменты:
- соединение точек и работа с шейпами;
- создание эффектов, например, тени, занимает считанные секунды
- настройки сетки всегда находятся на главном экране
- удобный pen tool
- направляющие, которые упрощают работу дизайнера
✔Шрифты
В Photoshop и Sketch при редактировании файлов шрифты «слетают», если на компьютере не установлены необходимые гарнитуры. Figma решила и эту проблему — шрифты тянутся из Google Fonts либо автоматически подгружаются в проект.
✔Различные задачи
В Figma можно работать с более, чем десятью файлами и прекрасно себя чувствовать.
✔Хранение
рабочие файлы находятся на собственном облаке. Вы просто отправляете ссылку на файл клиенту или верстальщику. Если на проекте меняется специалист, то нет проблем с тем, где находятся исходники.
✔Мобильные проекты
Лучше всего преимущества Figma видно при разработке дизайна мобильных приложений. Когда проект состоит почти из 20 – 30 экранов. Сложно переключаться с одного на другой — в Figma просто собрать все экраны в одном месте и легко управлять ими.
✔Код
для программистов. Прямо в программе можно посмотреть информацию об объектах, которая нужна для кода.
✔Посмотреть
Отличная функция — play button. С ее помощью дизайнеры могут «проиграть» приложение. Тестировать последовательность и логику переходов так, будто приложение готово и загружено на смартфон.
