Обзор Figma для пользователей Sketch

Дизайн
06.04.2020
319

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

Преимущества приложения

  1. Бесплатное пользование, и доступное сотрудничество в группах открытого исходящего кода
  2. Фигма кроссплатформенная и дает возможность пользователю выполнять действия в браузере.

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

Если вы решили перейти на Figma со Sketch

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

Разница в использовании Figma заключаться еще и в том, что на рабочем столе незначительно отличаются возможности работы с элементами и увеличенное время запуска, чем при применении в браузере.

Рекомендация: задайте настройки своего браузера на воспроизведение ссылок по- умолчанию, после открытия программы в приложении. В случае, когда интернет- браузер не отображает это по умолчанию, то тогда выберите в меню пункт «Открыть на рабочем столе»

Фреймы и холсты

«Артборды» в Скетч используются для небольших рабочих областей, выноса единичных частей или с использованием цвета. Фигма не содержит в себе артбордов, но дает возможность варьировать параметры для каждой составляющей или же совокупности. Однако вы можете корректировать оттенки фона и задействовать фрейм. Изменяя параметры, значения содержащиеся в нем, меняют свой размер в исходя из исходных пунктов.

Обрезка «фреймами» внутренних составляющих осуществляется благодаря «Masks». Фигма поддерживает вариации файлов и соответствует многим параметрам монитора компьютера, а также особенностям типов устройств. Меню, расположенное справа сверху — меняет фрейм.

«Components» отображаются не размещаясь один в другом. При попытке вложить их друг в друга появиться «component sample», а первоначальный файл перемещается в другое место. Чтобы не допустить этого, размещайте общую массу символов в едином разделе.

  1. Переименуйте новую рабочую область «Characters» в «Components».
  2. Нажав «K» компонент меняется на элемент.
  3. Новый элемент разместить в нужное место возможно нажав «V».
  4. Кликните правой клавишей мыши по своему основному символу и нажмите «Move to Page» → Symbol.

Файлы

Ссылки- метод обмена файлами и объединенной деятельности в Фигма. В «Share», который находится справа сверху, откроется доступ по ссылке или для индивидуального использования. Чтобы сохранить различные вариации файла, в веб- браузере откройте окно с многоточием и кликните на «Duplicate».

Для сохранения файла и истории в приложении, нажмите в верхнем левом углу ( /) и выберите File → Save to Version History (S). У вас сохраниться возможность просматривать историю и восстанавливать предыдущие версии в случае необходимости. Предыдущая версия в случае восстановления будет дополнять новую, отображая прежние элементы.

Чтобы скопировать конкретно взятый элемент со старого образца, без его полного восстановления, вам следует выбрать необходимый элемент который вы намерены скопировать, и нажать «Duplicate».

Масштабирование:

  1. Удерживание Z с кликом мыши – увеличивает.
  2. Для увеличения выбранной области – перетащите зажатую Z.
  3. Удерживаемая комбинация z и — уменьшает масштаб.
  4. Для панорамирования зажмите пробел.

Color Picker: Затемнение или осветление цвета- клик по элементу, после чего нажать кнопки со стрелками ↑ и ↓

Панель свойств: Кликнув на пространство вокруг объекта, вы сможете изменить его обводку, заливку или эффект.

Копирование — комбинация (C) и вставить (V).

Группы: При удалении всех объектов из группы, она также исчезнет.

Изображения: растровая картинка при добавлении отображается заливкой в средине прямоугольника. Что дает возможность использовать маску для картинки с помощью масштабирования прямоугольника.

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

Стоит ли переходить на Фигма?

Невозможно утвердительно сказать, что лучше Фигма или Скетч. Каждое из приложений имеет как сильные так и слабые стороны. Обе программы позволяют работать коллективно в браузере, однако стоит ли полностью переходить на одну из них и отказываться от другой?

В Фигма плюсов (возможность групповой работы) больше чем минусов (не поддерживаются плагины). Вам не следует переходить на эту программу, если новые плюсы не существенны для вас и устраивает привычный режим работы с использованием других программ.

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

Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна, и учиться Вам теперь станет в удовольствие!

Хочешь получать лучшие
статьи от WebDes Guru ?

Подпишись на рассылку