Figma это онлайн-программа для дизайна сайтов, приложений и других цифровых продуктов. В ней рисуют макеты интерфейсов, собирают кликабельные прототипы, передают дизайн разработчикам и работают командой в реальном времени. Figma открывается в браузере и как приложение для Windows и macOS, есть бесплатный план Starter с ограниченным доступом.
Figma что это за программа и почему почти любой дизайнер сайта присылает макет ссылкой на неё? Figma это онлайн-редактор, в котором рисуют интерфейсы сайтов и приложений, собирают прототипы и передают дизайн в разработку. Разберём простыми словами, из чего состоит Figma, где она работает, что даёт бесплатный план и как заказчику принять макет, даже если вы никогда не открывали эту программу.
Figma: что это за программа простыми словами?
Figma это программа для дизайна цифровых продуктов, которая работает через интернет. По справке Figma, основной инструмент Figma Design нужен, чтобы создавать, показывать и тестировать дизайн сайтов, приложений и других цифровых продуктов.
Главное отличие от привычных графических редакторов: файл живёт в облаке. Его не нужно пересылать по почте. Дизайнер отправляет ссылку, и все видят одну и ту же актуальную версию. Несколько человек могут работать в файле одновременно: справка Figma прямо называет совместную работу в реальном времени одной из основ продукта.
Простой пример. Вы заказали дизайн сайта. Дизайнер рисует главную страницу, вы открываете ссылку и оставляете комментарий «сделать кнопку заметнее» прямо на кнопке. Дизайнер правит, вы обновляете страницу и видите результат. Никаких версий «макет_финал_2_точно_финал».
Figma это общий рабочий стол для дизайнера, заказчика и разработчика, а не просто рисовалка.
Из каких продуктов состоит Figma?
Figma состоит из нескольких продуктов под разные задачи: дизайн, передача в разработку, онлайн-доска, презентации, иллюстрации, ИИ-прототипы и сборка сайтов. Перечень ниже взят из справки Figma.
| Продукт | Для чего нужен |
|---|---|
| Figma Design | Макеты сайтов, приложений и других цифровых продуктов |
| Dev Mode | Передача дизайна разработчикам, перевод макета в код |
| FigJam | Онлайн-доска для встреч, мозговых штурмов, схем и планов |
| Figma Slides | Интерактивные презентации на основе дизайна |
| Figma Draw | Инструменты для иллюстраций и векторной графики внутри Figma Design |
| Figma Make | ИИ-инструмент: превращает текстовый запрос или готовый дизайн в рабочий прототип |
| Figma Sites (бета) | Сборка и публикация адаптивных сайтов из готовых макетов |
Новичку и заказчику чаще всего нужны только два из них: Figma Design, где лежат макеты, и FigJam, где обсуждают структуру и идеи до начала дизайна.
Не нужно знать все продукты Figma. Достаточно понимать, где лежит макет и где его обсуждают.
Где работает Figma: в браузере или на компьютере?
Figma работает и в браузере, и как приложение для компьютера. По справке Figma, приложение даёт те же функции, что и браузерная версия, плюс доступ к шрифтам, установленным на вашем компьютере.
Самый простой способ. Откройте ссылку на файл, войдите в аккаунт и работайте. Устанавливать ничего не нужно, удобно для заказчика, который просто смотрит макеты.
Приложение для Windows работает на Windows 10 и новее в 64-битной версии, по справке Figma есть и версия для Windows на Arm. Удобно дизайнерам, которые используют свои шрифты.
Приложение для Mac требует macOS 12 или новее и оптимизировано под компьютеры на Intel и Apple Silicon.
Если вы заказчик, браузера хватит. Дизайнеру приложение удобнее: шрифты с компьютера подключаются без отдельного установщика, а работа идёт в отдельном окне, а не во вкладке среди десятка других.
Для просмотра макета Figma не нужно ничего устанавливать: ссылка открывается в браузере.
Для чего используют программу Figma?
Figma используют для дизайна интерфейсов: сайтов, лендингов, мобильных приложений, личных кабинетов. Но на практике в ней делают гораздо больше, чем просто рисуют экраны.
Типичные задачи:
- макеты сайтов и приложений: каждая страница или экран рисуется отдельно, для компьютера и телефона;
- прототипы: экраны связываются между собой, и макет можно «прокликать», как настоящий сайт;
- UI-киты и дизайн-системы: цвета, шрифты, кнопки и другие элементы хранятся в одном месте и переиспользуются;
- передача в разработку: в Dev Mode разработчик изучает макет в режиме для разработки, чтобы перенести дизайн в код;
- схемы и обсуждения: в FigJam рисуют структуру сайта, путь пользователя, планы работ;
- презентации: в Figma Slides показывают дизайн клиенту или команде.
Прототип особенно полезен заказчику. Вы проходите путь посетителя: главная, каталог, карточка, заявка. Неудобные места видны до того, как разработчик написал хоть строчку кода. О том, как думать о пути пользователя, рассказываем в статье что такое UX.
Ошибку в прототипе исправить быстрее и дешевле, чем в готовом сайте.
Можно ли пользоваться Figma бесплатно?
Да, у Figma есть бесплатный план Starter. По странице тарифов, он даёт ограниченный доступ к продуктам Figma, неограниченное число черновиков, UI-киты и шаблоны.
Для знакомства с программой и небольших личных проектов этого достаточно. Командная работа с общими библиотеками компонентов и стилей, по справке Figma, доступна на платных планах. Конкретные лимиты и состав тарифов меняются, поэтому перед покупкой смотрите страницу тарифов Figma.
Заказчику платить за Figma обычно не нужно. Файл создаёт дизайнер в своём аккаунте, а вам даёт доступ по ссылке. Важно другое: договоритесь заранее, что после окончания работы исходник останется у вас. Об этом подробнее в чек-листе ниже.
Бесплатного плана хватает, чтобы научиться и посмотреть макет. Для командной работы со стилями нужен платный.
Как начать работать в Figma с нуля?
Начать просто: зарегистрируйтесь, откройте Figma Design в браузере, создайте файл и нарисуйте первый экран из рамки, текста и кнопки. Дальше учитесь на шаблонах и UI-китах, которые есть даже в бесплатном плане.
Зарегистрируйтесь на сайте Figma и войдите. Для старта подойдёт бесплатный план Starter.
Создайте новый файл дизайна. Он сохранится в облаке, и открыть его можно с любого компьютера.
Добавьте фрейм нужного размера: под экран компьютера или телефона. Фрейм это и есть будущий экран.
Разместите заголовок, текст, картинку и кнопку. Выровняйте их и задайте цвета и шрифты.
Сделайте второй экран и свяжите кнопку с ним в режиме прототипа. Запустите просмотр и «нажмите» кнопку.
Чтобы не утонуть в настройках, начните с готового UI-кита или шаблона. Разберите, как он устроен: какие стили заданы, как собраны кнопки, как экраны выглядят на телефоне. Это быстрее, чем изобретать всё самому.
Первый макет не должен быть красивым. Он должен научить вас трём вещам: фрейм, элементы, связь экранов.
Как заказчику принять дизайн сайта в Figma?
Принять макет в Figma значит проверить, что все страницы и состояния нарисованы, прототип работает, а файл и права на него остаются у вас. Пройдите по чек-листу перед оплатой финального этапа.
Отдельно проверьте шрифты. Если дизайнер использовал платный шрифт, на сайте понадобится лицензия. Это лучше выяснить до разработки. А если у компании есть брендбук, попросите собрать его цвета и шрифты в стили Figma: так новые страницы будут в одном стиле. Что такое брендбук и зачем он нужен, рассказали в статье брендбук простыми словами.
Макет без версии для телефона и без передачи файла это не готовый дизайн, а полуфабрикат.
Figma или конструктор сайтов: что выбрать?
Figma и конструктор решают разные задачи. В Figma проектируют дизайн, а конструктор собирает и публикует готовый сайт. Часто их используют вместе: сначала макет в Figma, потом сборка на конструкторе или разработка.
Если нужен простой сайт быстро, можно обойтись без Figma и собрать страницу из готовых блоков: как это сделать, описано в статье как создать сайт самостоятельно. Если сайт уникальный, с продуманной структурой и несколькими типами страниц, макет в Figma сэкономит время на переделках.
Figma отвечает на вопрос «как будет выглядеть и работать», а конструктор или разработчик на вопрос «как это запустить».
Когда нужен дизайнер, а не самостоятельная работа в Figma?
Дизайнер нужен, если сайт или приложение будет приносить заявки и продажи: продуманный интерфейс, единый стиль и удобный путь посетителя требуют опыта. Самостоятельно в Figma удобно набросать идею, структуру и пожелания, чтобы потом понятнее поставить задачу.
На КУПИ IT есть объявления по дизайну сайта и прототипам. Цена «от» и сроки указаны в объявлениях, связь с исполнителем напрямую. Перед выбором исполнителя полезно прочитать, как выбрать IT-специалиста.
Хороший дизайнер отдаёт не картинку, а файл, по которому разработчик соберёт сайт без догадок.
Источники
- Figma: What is Figma?
- Figma: Guide to the Figma desktop app
- Figma: Guide to libraries in Figma
- Figma: тарифы
Сведения проверены 23 октября 2026 года.
Частые вопросы
Figma что это за программа простыми словами?
Это редактор для дизайна сайтов и приложений, который работает через интернет. Дизайнер рисует в нём экраны, а заказчик и разработчик открывают тот же файл по ссылке и видят актуальную версию.
Можно ли пользоваться Figma бесплатно?
Да, у Figma есть бесплатный план Starter. По странице тарифов, он даёт ограниченный доступ к продуктам Figma, неограниченное число черновиков, UI-киты и шаблоны.
Нужно ли устанавливать Figma на компьютер?
Нет, Figma работает в браузере. Есть и приложение для Windows 10 и новее (64-бит) и macOS 12 и новее. По справке Figma, в приложении те же функции, что и в браузере.
Чем Figma отличается от FigJam?
Figma Design нужна для макетов сайтов и приложений. FigJam это онлайн-доска для встреч, мозговых штурмов, схем и планирования.
Нужно ли заказчику уметь работать в Figma?
Нет. Достаточно открыть ссылку на файл, посмотреть экраны и прототип и оставить комментарии прямо на макете.
Можно ли сделать сайт прямо в Figma?
В Figma есть Figma Sites: по справке, он собирает и публикует адаптивные сайты из готовых макетов. На 23 октября 2026 года продукт отмечен как бета-версия.
