fbpx
1

Разница в опыте использования Figma и Sketch

Когда я начинал карьеру UX-дизайнера, мне было не из чего выбирать. Был Sketch, для которого нужно было иметь Mac, и остальные инструменты, которые по сравнению со Sketch были похожи на Microsoft Paint. Sketch был для меня недоступен, так как в то время я был изрядно разочарован. Поэтому я использовал для создания своего первого набора вайрфреймов Mockflow. Поверьте, в жизни нет ничего болезненнее, чем пользоваться Mockflow.

Но моя жизнь изменилась в тот день, когда я встретился с другом UX-дизайнером в маленьком баре «Joseph Bar» на Гоа. Мы болтали о работе за кружкой пива. Именно тогда он упомянул Figma. Он описал Figma, как гордый парень  описывает свою удивительную девушку. И я решил попробовать этот инструмент.

Разница в опыте использования Figma и Sketch
Joseph Bar

Моя продуктивность увеличилась в 100 раз. Я представил его остальной команде, и их продуктивность тоже увеличилась в 100 раз. С тех пор я влюблен в Figma.

Спустя 2 года я присоединился к компании Tickertape. Здесь у меня появилась возможность поработать со Sketch. Честно говоря, я был рад попробовать Sketch после всех фантастических вещей, которые я слышал о нем в прошлом. Но как только я начал использовать его, я испытал такое же разочарование как, когда-то использовал MockFlow. Но это не значит, что я сравниваю MockFlow со Sketch. Просто если вы привыкли к лучшему, даже второй по рейтингу инструмент в списке вас не удовлетворит. Все было не так гладко и интуитивно понятно, как в Figma.

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

Sketch: копирование текста не копирует его свойства

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

Разница в опыте использования Figma и Sketch
Sketch
Разница в опыте использования Figma и Sketch
Figma

Sketch: Неудобно работать с плагинами

Человечество лениво по своей природе, работает только по принуждению

Будучи человеком, перешедшим с Figma на Sketch (позже вернувшись к Figma), я заметил, что почти не использую в Sketch плагины (только важные, такие как Zeplin и Rename it). В то время как в Figma у меня было около 10 часто используемых плагинов, а всего я перепробовал более 50 различных плагинов.

Плагины для Sketch разбросаны по всему Интернету. Их установка – это отдельный процесс. Плагины Figma, как вы уже догадались, можно найти в Figma. Они устанавливаются в один клик. С появлением сообщества Figma, все, от плагинов до UI kit, собрано в одном месте «внутри Figma».

Разница в опыте использования Figma и Sketch
Sketch
Разница в опыте использования Figma и Sketch
Figma

Кроме того, я считаю, что обновление плагинов в Sketch – это утомительный процесс.

Разница в опыте использования Figma и Sketch
Обновление плагина в Sketch

В Figma это происходит автоматически, и вы даже не подозреваете об этом. Вам просто нужно «ничего не делать».

Разница в опыте использования Figma и Sketch
Обновление плагина в Figma

Sketch: нет сочетания клавиш для выбора определенных элементов, за исключением фона

В Sketch я не могу перетащить и выбрать несколько определенных элементов из группы. Единственный способ сделать это – вручную удерживать «shift» и нажимать на каждый из необходимых элементов.

Разница в опыте использования Figma и Sketch
Sketch

В то время, как в Figma command+клик / перетаскивание инициирует действие, которое Figma называет Deep select . Теперь вы можете выбрать несколько элементов, за исключением фона.

Разница в опыте использования Figma и Sketch
Figma

Sketch: отмена изменений не сохраняет выбор элементов

В Sketch со мной много раз случалось, что я кропотливо выделял несколько элементов и по ошибке снимал выделение, потому что нажал не ту кнопку. Очевидно, что нужно использовать стандартное сочетание клавиш command+Z для отмены предыдущего действия. Но потом я понял, что выбор элементов не сохранился, и мне придется все заново начинать 🤯.

Разница в опыте использования Figma и Sketch
Sketch

Figma сохраняет все состояния выбора. Вы можете вернуться к любому из них, просто нажимая command+Z.

Разница в опыте использования Figma и Sketch
Figma

Sketch: сложно переопределить несколько цветовых стилей

Если у меня есть несколько абзацев текста, к которым применено несколько цветов, было бы неплохо выбрать и переопределить все похожие цветовые стили за один раз. Но я не могу это сделать со Sketch.

Разница в опыте использования Figma и Sketch
Sketch

Но Figma придумала изящное решение этой проблемы :)

Разница в опыте использования Figma и Sketch
Figma

Sketch: Правый клик по элементам меню не показывает сочетания клавиш

Теперь я действительно придираюсь. Но это небольшое продуманное дополнение в Figma очень помогло мне быстрее изучить сочетания клавиш.

Разница в опыте использования Figma и Sketch

Sketch: Доступность?!

Figma демократизировала дизайн несколькими способами. Отличный инструмент дизайна теперь стал доступен не только тем, кто мог позволить себе MacBook. Любой человек с любым финансовым состоянием может учиться и проектировать в Figma. Все, что нужно – это приличное Интернет-соединение и любой компьютер.

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

Кстати, мне удалось убедить и Tickertape и команду дизайнеров smallcase перейти на Figma. Может, в следующий раз напишу, как мне это удалось 🤔

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

А от каких неудобств Sketch вам помогла избавиться Figma? Не стесняйтесь пишите в комментариях.

Кроме того, пишите, если не согласны с автором 🤓

1 Комментарий
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
5 вещей, которые нужно сделать до создания следующего дизайн-файла в Sketch, или подготовка к дизайну “мизанплас”
Подробнее

5 вещей, которые нужно сделать до создания следующего дизайн-файла в Sketch, или подготовка к дизайну “мизанплас”

Перед созданием дизайна десятков страниц и сценариев работы продукта важно настроить свое рабочее пространство для стабильно успешной работы. Вот пять советов по подготовке такого мизанпласа.
sketch-in-2021
Подробнее

Sketch в 2021 году и планы на будущее. Совместная работа в реальном времени, Workspaces

Sketch - это полностью интегрированная платформа для проектирования и совместной работы, сочетающая лучший нативный редактор Mac с инструментами, которые работают в любом веб-браузере
Руководство новичка по разработке Sketch-плагинов
Подробнее

Руководство новичка по разработке Sketch-плагинов

Вы хотите начать писать Sketch-плагины и не знаете, с чего начать? Продолжайте читать, так как этот пост как раз для вас! Освоить базу не так просто. Есть масса примеров уже существующих плагинов, но очень сложно понять, с чего нужно начать. В помощь вам я собрал всю нужную информацию, которую только удалось отыскать, в одном месте.
Total
19
Share