Почему бизнесу важно понимать Figma
Figma — инструмент, в котором создаётся дизайн вашего сайта. Вам не нужно в ней рисовать, но нужно уметь смотреть макеты, оставлять комментарии и согласовывать решения. Это как читать архитектурный чертёж: строить не нужно, но понимать — обязательно.
Бизнес, который умеет работать с Figma, экономит недели на согласованиях и получает результат ближе к ожидаемому. В этой статье — практические советы для заказчиков.
Как смотреть макеты в Figma
Доступ
Дизайнер отправляет ссылку — открывается в браузере без регистрации. Для комментирования потребуется бесплатный аккаунт (email + пароль). Устанавливать программу не нужно.
Навигация
- Зум: Ctrl + колесо мыши (или pinch на тачпаде)
- Перемещение: зажать пробел + мышь (или двумя пальцами на тачпаде)
- Фреймы: слева — список страниц/фреймов. Десктоп, Мобильный, Планшет — отдельные фреймы
- Inspect: правая панель показывает CSS-свойства выбранного элемента
Просмотр прототипа
Кнопка Play (▶) в правом верхнем углу запускает интерактивный прототип. Можно кликать по кнопкам, переходить между страницами — как на настоящем сайте. Это лучший способ оценить UX.
Как давать обратную связь
Комментарии в Figma
Нажмите C (или иконку комментария) → кликните на элемент → напишите комментарий. Дизайнер получит уведомление. Комментарий привязан к конкретному месту — не нужно описывать «та кнопка внизу справа».
Правила хорошей обратной связи
- Конкретно: «Сделайте кнопку крупнее» вместо «Что-то не то»
- С причиной: «Текст мелкий — наши клиенты 45+, им неудобно» вместо «Увеличьте шрифт»
- По пунктам: пронумерованный список вместо длинного абзаца
- Сразу: комментарии после каждого этапа, а не все замечания в конце
Чего не стоит делать
- Менять макеты самостоятельно (если есть доступ на редактирование)
- Отправлять скриншоты с пометками в Paint вместо комментариев в Figma
- Просить «сделайте красиво» — дизайнер не телепат, нужна конкретика
- Согласовывать устно по телефону — решения теряются, нужна фиксация
Процесс согласования
Этап 1: Wireframe
Чёрно-белый каркас. На этом этапе обсуждайте структуру: расположение блоков, порядок контента, навигацию. Не обсуждайте цвета и шрифты — их ещё нет.
Этап 2: Дизайн-концепция
1–2 страницы в цвете. Обсуждайте общее впечатление: палитра, шрифты, стиль фотографий. Это момент для глобальных изменений — дальше будет дороже.
Этап 3: Внутренние страницы
Все страницы сайта в согласованном стиле. Проверяйте: все ли разделы на месте? Формы удобны? Hero-секция цепляет? Формы понятны?
Этап 4: Адаптивные версии
Адаптивные макеты для мобильных и планшетов. Проверьте, не потерялся ли важный контент при перестройке.
Как выбрать дизайнера
- Портфолио: смотрите проекты в вашей нише. Дизайнер для стартапов и дизайнер для промышленных компаний — разные люди
- Процесс: спросите про этапы. «Нарисую за 3 дня» — красный флаг. Хороший дизайнер начинает с исследования
- Коммуникация: умеет объяснить решения. «Я так вижу» — плохой ответ. «Красная кнопка контрастирует с синим фоном и привлекает внимание к CTA» — хороший
- Инструменты: Figma — стандарт. Photoshop для веб-дизайна — устаревший подход
Ищете надёжного подрядчика для дизайна и разработки сайта? Свяжитесь с нами — покажем портфолио и обсудим ваш проект.
Figma бесплатна?
Для просмотра и комментирования — да, полностью бесплатна. Для дизайнеров — бесплатный план позволяет 3 проекта. Платный план ($15/мес) — для профессиональной работы. Заказчик не платит за Figma.
Можно ли получить макет не в Figma?
Можно попросить экспорт в PDF для просмотра. Но комментирование и прототип работают только в Figma. Экспорт в Photoshop/Sketch возможен, но теряется интерактивность. Рекомендуем оставаться в Figma.
Сколько итераций правок нормально?
2–3 раунда правок на каждом этапе — стандарт. Больше 5 раундов — проблема с коммуникацией или ТЗ. Чтобы минимизировать итерации, давайте полную обратную связь за один раз, а не по одному замечанию.