Figma для бизнеса: как работать с дизайнером эффективно

Почему бизнесу важно понимать 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 для веб-дизайна — устаревший подход

Ищете надёжного подрядчика для дизайна и разработки сайта? Свяжитесь с нами — покажем портфолио и обсудим ваш проект.