Figma (UX/UI-дизайн)
Figma — это облачный инструмент UX/UI-дизайна интерфейсов и прототипирования. В Figma дизайнеры создают макеты сайтов, мобильных приложений, дашбордов — всего, что видит пользователь на экране. Главная фишка Figma — совместная работа в реальном времени: несколько дизайнеров, разработчиков и менеджеров работают в одном файле одновременно, как в Google Docs.
Для бизнеса Figma важна по двум причинам. Первая — прототипирование. Прежде чем писать код, дизайнер создаёт кликабельный прототип: вы можете «пощупать» будущее приложение, протестировать на пользователях и внести правки до разработки. Изменение в Figma стоит 0 руб., изменение в коде — от 10 000 руб.
Вторая причина — Dev Mode. Figma генерирует CSS, размеры, отступы, экспортирует иконки — разработчик берёт точные значения из макета, а не «подбирает на глаз». Это сокращает время разработки и количество правок на 30-50%.
Figma работает в браузере — не нужно ничего устанавливать. Бесплатный тариф позволяет работать с 3 проектами. Платный — от $15/мес на пользователя. Figma используют 90%+ дизайн-команд в IT.
Ключевые преимущества
- Дизайн интерфейсов: сайты, приложения, дашборды
- Кликабельные прототипы — тестирование до разработки
- Совместная работа в реальном времени (как Google Docs)
- Dev Mode: точные размеры, CSS, экспорт для разработчиков
- Работает в браузере — не нужно устанавливать
Примеры
Дизайн мобильного приложения: дизайнер создаёт все экраны в Figma, заказчик комментирует прямо в файле, после утверждения разработчик берёт макеты из Dev Mode. Дизайн-система: библиотека компонентов (кнопки, формы, карточки) переиспользуется во всех проектах компании — единообразие и скорость. Пользовательское тестирование: кликабельный прототип показывается 10 пользователям, и вы видите, где они путаются — до написания единой строки кода.
Когда это нужно
Figma нужна, когда: вы разрабатываете сайт или приложение (дизайн интерфейса — обязательный этап), хотите протестировать идею до разработки, нужна дизайн-система для нескольких продуктов, команда работает удалённо и нужна совместная работа. Figma не нужна: для полиграфии (лучше InDesign), для обработки фото (лучше Photoshop).
Частые вопросы
Figma заменяет Photoshop?
Для дизайна интерфейсов — да, полностью. Photoshop остаётся для обработки фотографий и растровой графики. Но макеты сайтов и приложений сегодня делают исключительно в Figma (или Sketch на Mac). Если ваш дизайнер делает макеты в Photoshop — это красный флаг: разработчику будет сложнее с ними работать.
Можно ли в Figma делать дизайн без дизайнера?
Для простых задач — да. В Figma Community тысячи бесплатных шаблонов: лендинги, дашборды, мобильные приложения. Можно взять шаблон и адаптировать под себя. Но для серьёзного продукта нужен UX-дизайнер — шаблон не учитывает вашу аудиторию и бизнес-задачи.
Где это применяется
UX/UI дизайн
Проектируем интерфейсы на данных, а не на вкусовщине: UX-исследование, кликабельный прототип с юзабилити-тестами, дизайн-система и передача в разработку без потерь на стыке — макеты рисуют те же люди, что пишут код. UX-аудит — от 100 000 ₽ за 1–2 недели, дизайн приложения — от 260 000 ₽, веб-платформы — от 325 000 ₽. UX-разбор сценария и прототип одного экрана — бесплатно за 5 дней, до договора.
Как мы это делаемПродолжите изучение
