Экспорт изображений в Figma

В этом уроке мы изучим как экспортировать изображения в Figma. Экспортировать в файл на компьютере, в виде изображения, можно фигуру, иконку, иллюстрацию, макет и т.д. Например экспортируем фигуру (для остального аналогично): Создаём фигуру Кликаем по фигуре (выделяем её) Жмем по слову Export (справа снизу) Жмем по кнопке с названием Export + имя фигуры Появится окошко …

Экспорт изображений в Figma Читать полностью »

Поделиться файлом Figma

В этом уроке мы изучим как поделиться файлом Figma с другими пользователями: коллегами, клиентами, друзьями и т.д. Чтобы поделиться файлом, нужно нажать на синюю кнопку Share сверху справа, откроется окно настроек Share, где вы сможете: Дать доступ к файлу, пользователю Figma по его Е-маил: Invite someone… (введите Е-маил зарегистрированного в Figma пользователя) Дать ссылку на …

Поделиться файлом Figma Читать полностью »

Сохранение файла Figma

В этом уроке Figma, мы рассмотрим как сохраняются файлы Figma и как их сохранить на своем компьютере. Что нужно знать о сохранении файлов Figma? Что нужно знать о сохранении файлов Figma? Все файлы Figma хранятся в облаке (в интернете) Все файлы доступны вам по логину и паролю (который вы вводили при регистрации на сайте figma.com) …

Сохранение файла Figma Читать полностью »

Основы работы в Figma

Основы работы в Figma, создаем простые фигуры. В этом уроке мы рассмотрим с вами создание простых фигур в Figma, таких как овал, прямоугольник, треугольник, звезда и т.д. Фигуры в векторной графике также называют еще и шейпами. Создание фигур в Figma Чтобы создать фигуру в Figma, нужно: Кликнуть по стрелке возле квадрата Выбрать нужную фигуру в …

Основы работы в Figma Читать полностью »

Рабочая область Figma

Рабочая область (артбоард) файла Figma. Рабочая область Figma находится посередине файла, это серый безразмерный холст (canvas), здесь создаются и размещаются фигуры, макеты, иконки, иллюстрации и т.п. Работаем с холстом: Ctrl + \ – показать/скрыть боковые панели. Пробел + левая клавиша – ползаем по холсту. Зажать колесо мыши – ползаем по холсту. Фон рабочей области Рабочей …

Рабочая область Figma Читать полностью »

Начальная настройка Figma

Начальная настройка Figma, сразу после установки. Почти все команды Figma, доступны по кнопке меню Ctrl + /. Поставьте галочки у каждой команды, если их нет: Показать линейки: Меню > View > Rulers Показать пиксели: Меню > View > Pixel Grid (пиксели видны при масштабе более 800%) Показать сетку: Меню > View > Layout Grids (чтобы …

Начальная настройка Figma Читать полностью »

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

Изучаем интерфейс файла Figma. Перед тем как мы приступим к изучению интерфейса файла Figma, файл нужно создать. Создание файла Figma Чтобы создать файл в Figma, можно воспользоваться несколькими способами: Нажать на иконку плюс (1) сверху слева (рядом с логотипом), в любом разделе Нажать на иконку плюс (2) справа от названия раздела Drafts Нажать на иконку …

Интерфейс файла Figma Читать полностью »

Интерфейс программы Figma

Изучаем интерфейс программы (приложения) Figma. При входе в программу сразу попадаем в раздел Recent – список последних открытых файлов. По-умолчанию в Figma находится 3 файла с примерами, показывающими её возможности: Figma Basic – рассказывает об основах Figma Prototyping in Figma – рассказывает о прототипировании в Figma Wireframing in Figma – рассказывает о создании каркаса макетов …

Интерфейс программы Figma Читать полностью »

Скачиваем десктопную версию Figma.

Установка Figma

Если вы хотите работать с десктопным приложением, то вам нужно скачать его перейдя по ссылкам Resources > Downloads. Нажать по ссылке Desktop App for macOS или Desktop App for Windows в зависимости от того, какая система у вас установлена на компьютере. На ваш компьютер загрузится файл установщик Figma. Нажмите по нему два раза и установите …

Установка Figma Читать полностью »

Figma создаем дизайн-макеты вместе!

Регистрация в Figma

В этом уроке, мы рассмотрим с вами Регистрацию на сайте Figma. Figma существует в двух версиях: В виде онлайн редактора (рисовать в браузере) В виде десктопного приложения (рисовать на компьютере). Обе версии практически идентичны друг другу и ничем не отличаются. Я обычно использую десктопную версию программы. Всё что вы создадите в десктопной версии, автоматически сохранится …

Регистрация в Figma Читать полностью »