Скачать Figma с официального сайта

Бесплатную версию программы Figma можно скачать с официального сайта разработчика figma.com в разделе Downloads. Приложение доступно для операционных систем семейства Windows и macOS, а так же, для мобильных устройств работающих на Android и iOS.

После перехода по ссылке, вам нужно будет подтвердить скачивание файла-установщика программы. Как только файл будет скачан — можете переходить к установке программы.

Что такое Figma

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

Основные преимущества Figma над другими графическими редакторами:

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

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

Курсы по дизайну

Вакансии для дизайнеров — тут.
Подборка курсов для быстрого старта карьеры в дизайне — тут.

Скачать Figma

Графический редактор Figma можно абсолютно бесплатно скачать с официального сайта проекта. Установочные файлы для ПК доступны для двух наиболее популярных десктопных операционных систем: Windows и macOS. Так же, вы можете скачать приложение для мобильных девайсов, работающих на операционных системах Android или iOS.

Ниже мы приводим прямые ссылки на страницы с файлами для соответствующих операционных систем.

Windowsинструкцияскачать для Windows
MacOSинструкцияскачать для MacOS
Androidинструкцияскачать для Android
iOSинструкцияскачать для iOS
Версии программы-установщика для различных операционных систем

Если ссылки, по каким либо причинам, не работают — перейдите в раздел Downloads сайта Figma и выберите нужную версию файла там.

Установка

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

Figma для Windows

Запустите файл FigmaSetup.exe из той директории, в которую вы его скачали. Программа-установщик выполнит все необходимые действия, после чего, вы сможете найти иконку для запуска Фигмы на рабочем столе и в основном меню Windows. Для корректной работы программы, требуется версия Windows не ниже 8.

Figma для MacOS

Разархивируйте скачанный файл Figma.zip, в нем будет файл, который нужно будет просто скопировать (или перенести) в директорию Программы (Applications). После этого вы сможете запустить программу из этой директории либо при помощи Launchpad. Для корректной работы программы, требуется версия macOS не ниже 10.12 (macOS Sierra).
Если возникнут трудности, можете посмотреть видео со всеми шагами от скачивания до регистрации.

Figma для мобильных устройств (Android, iOS)

Если вы хотите установить Figma на свой планшет или смартфон — просто перейдите по ссылкам выше в официальные магазины приложений Google Play Market или Apple AppStore (в зависимости от вашего устройства). Приложение устанавливается так же, как и другие приложения для вашего гаджета. После установки, вам нужно будет войти в уже существующий аккаунт, либо зарегистрировать новый.

Онлайн редактор Figma

Для того, чтобы начать работу в Figma, вам не обязательно что либо скачивать и устанавливать на свой компьютер или планшет. Редактор имеет возможность работать онлайн, что является просто огромным преимуществом перед конкурентами. Вам достаточно пройти регистрацию на сайте, и вы можете начать полноценно работать в веб-версии. Важно заметить, что онлайн доступна именно полноценная его версия, абсолютно такая же, какая у вас будет после установки программы.

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

Регистрация на официальном сайте

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

Перейдите на сайт Фигмы и нажмите на кнопку Sign up в правом верхнем углу. В открывшейся форме регистрации введите ваш e-mail и придумайте пароль, после этого нажмите кнопку Create account.

Если у вас есть аккаунт Google, то в форме регистрации вам достаточно будет нажать на кнопку Continue with Google — ваш аккаунт будет создан с использованием учетной записи Google.

Сравнение платной и бесплатной версии

Редактор Figma вы можете скачать и использовать абсолютно бесплатно, при этом у вас нет каких либо ограничений по времени использования приложения, либо основной его функциональности. Однако, на сайте проекта, вы можете купить платную подписку, которая добавит некоторые удобные возможности для совместной работы, а так же, увеличит количество проектов, над которыми вы можете работать с другими дизайнерами и разработчиками (3 проекта в бесплатной версии). Более подробно про различия версий фигмы вы можете почитать на странице Pricing.

Шрифты для Figma

В редакторе Figma, по умолчанию, подключены бесплатные шрифты с сервиса Google Fonts. Так же, вы можете использовать локальные (установленные в вашей операционной системе) шрифты в своих макетах.

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

Если вы хотите использовать локальный шрифт в браузерной версии Figma, то вам нужно установить Figma Font Helper — расширение, которое позволит вам выбирать локальные шрифты работая в браузере. Скачать его можно на официальном сайте, в разделе Downloads.

Плагины для Figma

Figma поддерживает возможность установки различных плагинов, которые позволят расширить стандартный функционал редактора. Например, вы сможете с легкостью добавлять векторные иконки (Iconify, Font Awesome), изображения со стоков (Unsplash), диаграммы (Charts), карты (Map Maker) эмоджи (Figmoji) и т.д. Так же, существуют плагины, которые позволяют экспортировать макеты из фигмы в html код, сжимать графику, конвертировать макеты Figma в Sketch или Adobe XD и еще десятки, а возможно и сотни других, очень полезных плагинов. Установить плагины для Figma можно перейдя в раздел Plugins.

В разделе сайта Плагины Figma мы публикуем топ наиболее полезных, на наш взгляд, плагинов.

Готовые макеты

Большое количество бесплатных макетов (шаблонов) сайтов и мобильных приложений можно найти на официальном сайте Figma в разделе Community. Макеты сайтов находятся в разделе Web design, макеты мобильных приложений — в разделе Mobile design и т.д.

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

В каких направлениях дизайна используется Figma

Благодаря тому, что Figma одновременно является бесплатной, простой в освоении и очень мощной программой, она активно используется в следующих направлениях дизайна:

Реже, Фигмой пользуются дизайнеры, работающие в следующих направлениях:

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

Часто задаваемые вопросы

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

Как перевести Figma на русский язык?

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

Как сохранить файл в Figma?

Если вы просто хотите сохранить проект, чтобы позже иметь возможность продолжить работу над ним, то не переживайте — Figma автоматически сохраняет все изменения в проекте, причем ваши файлы сохраняются в облаке (конечно при условии, что ваш компьютер подключен к интернету) и доступны на любых устройствах, главное войти под своим аккаунтом.
Если же вы хотите экспортировать текущий проект (или его часть) в виде JPG, PNG, PDF или SVG — воспользуйтесь меню Export, которое доступно в правом нижнем углу окна фигмы. Для этого, выберите область, которую хотите сохранить (весь документ, или какой то отдельный блок) и нажмите на иконку + в поле экспорт: в открывшемся окне вам предложат выбрать формат файла, после чего вы сможете его сохранить.

Как включить сетку в Figma?

Для того, чтобы включить сетку в Figma, вам нужно зайти в пункт меню View и выбрать подпункт Show Layout Grid. Так же, вы можете воспользоваться горячими клавишами Ctrl+G (одинаково для Mac и Windows).

Мы работаем над наполнением раздела часто задаваемых вопросов о Figma и скоро здесь будет гораздо больше информации.

У вас есть вопрос? Свяжитесь с нами через форму обратной связи!