Интерфейс файла Figma

Изучаем интерфейс файла Figma.

Перед тем как мы приступим к изучению интерфейса файла Figma, файл нужно создать.

Создание файла Figma

Чтобы создать файл в Figma, можно воспользоваться несколькими способами:

  • Нажать на иконку плюс (1) сверху слева (рядом с логотипом), в любом разделе
  • Нажать на иконку плюс (2) справа от названия раздела Drafts
  • Нажать на иконку плюс сверху справа в разделах Recent и Drafts
  • Нажать на иконку стрелка сверху справа и выбрать New File (Ctrl + N), в любом разделе

Обычно используют первый способ.

Интерфейс файла

  • Сверху по центру, задаем название файлу (кликните один раз по Untitled, введите название файлу).
  • Нажав по стрелке рядом с названием файла, откроется меню с командами.
  • Сверху слева располагается меню (три горизонтальные полоски) Ctrl + / и инструменты.
  • Слева панель слоев, панель стилей/компонентов, можно также создавать дополнительные страницы для вашего файла.
  • Сверху справа:
    • Стрелка вниз (1): различные команды.
    • Аватар (2): аватары юзеров работающих с файлом в данное время.
    • Share (3): поделиться файлом.
    • Play (4): просмотр прототипа (презентации).
    • 100% (5): масштаб и различные команды, открывающиеся по клику.
  • Справа (6): панель дизайна, панель прототипа, панель кода.

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

Разное

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

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *