Figma — Дизайн интерфейсов и прототипы

Figma

Figma — дизайн-инструмент для проектирования интерфейсов и создания прототипов на одном холсте, командной работы и преобразования дизайна в код с помощью Dev Mode; им пользуются через figma.com и настольные приложения.

Почему подходит

Дизайн интерфейсов и прототипы

Веб-сайт

Дизайн интерфейсов и прототипы

Перейти на figma.com

Что нужно знать

Проверьте актуальные лимиты и условия на официальном сайте.

Компьютер

Дизайн интерфейсов и прототипы

Перейти на figma.com

Что нужно знать

Нужна установка на компьютер.

Веб-сайт / Компьютер: Проверяйте тариф каждого инструмента отдельно: лимиты не переносятся.

Что нужно знать
Что нужно знатьВеб-сайтКомпьютер
Бесплатный результат——
Без регистрации——
Без водяного знака——
Без интернета——
Пакетная обработка——
Язык контента——

— Непроверенные условия. Изучена официальная документация. Практическое тестирование не проводилось. Учитывает только подтвержденные языки контента, а не язык интерфейса.

Источники и дата проверки4
Обратная связь и исправления от создателя продукта

Обратная связь и исправления от создателя продукта

Если вы представляете продукт, отправьте исправление или обновление с источником. Публикация проходит редакционную проверку.

Редакционный гид по выбору

Последняя проверка:

Кому подойдёт?

  • Подходит отдельным пользователям и командам, которые хотят спроектировать мобильный или веб-интерфейс и сделать кликабельный прототип.
  • Подходит тем, кто хочет, чтобы несколько участников одновременно редактировали файл дизайна, и делиться им с разработчиками.

Начало работы

  • Зарегистрируйтесь на сайте бесплатно; приложение для macOS или Windows можно также установить со страницы загрузок.
  • Откройте новый файл дизайна, нарисуйте фреймы и компоненты, затем свяжите взаимодействия между экранами, чтобы собрать прототип.
  • Поделитесь файлом с командой, а если нужна передача разработчикам, проверьте на странице планов, в каком плане открывается Dev Mode.

Что учесть

  • У бесплатного плана Starter есть ограничения: на странице цен упомянуты неограниченные черновики, а в справочной таблице — одна команда, одна папка и 3 файла; проверьте в своём аккаунте, нужен ли для командной работы платный план.
  • Если вам нужен инструмент с открытым исходным кодом, который можно развернуть на собственном сервере, сравните также варианты вроде Penpot; на проверенных страницах Figma вариант самостоятельного размещения не обнаружен.

Ограничения

  • Ограничения бесплатного плана и доступ к Dev Mode зависят от плана; страница цен и справочная таблица формулируют это по-разному, поэтому проверьте актуальное ограничение в своём аккаунте.
  • Платные планы делятся на полные места, места для разработчиков и места для совместной работы, а кредиты ИИ тоже зависят от плана. Цены здесь не записаны и могут измениться.

Частые вопросы

Можно ли пользоваться Figma бесплатно?

На странице цен показан бесплатный план Starter с неограниченными черновиками, готовыми наборами UI и шаблонами и ограниченными кредитами ИИ. Такие ограничения, как число общих файлов, в справочной таблице описаны иначе; проверьте их в своём аккаунте.

На каких платформах работает Figma?

На странице загрузок перечислены настольные приложения для macOS, Windows и Windows Arm, приложения для iOS/iPad и Android, установщики шрифтов и расширение для Chrome. Системные требования на странице не описаны; проверьте на страницах магазинов, что делают мобильные приложения.

Официальные источники (4)
www.figma.com/www.figma.com/pricing/www.figma.com/downloads/help.figma.com/hc/en-us/articles/360040328273-Figma-plans-and-features