Что такое Figma?
Figma это программа, созданная специально для дизайна интерфейсов сайтов и приложений. В отличие от традиционных графических редакторов её не нужно устанавливать: она открывается в обычном браузере. Файлы хранятся в облаке (на удалённых серверах), поэтому макет доступен с любого компьютера, а проблема «пришли последнюю версию файла» исчезает сама собой.
Главная особенность Figma это совместная работа в реальном времени: дизайнер, менеджер проекта и клиент могут одновременно смотреть один файл, видеть курсоры друг друга и оставлять комментарии. По сути, это Google Docs для дизайна. В 2016 году это было новинкой и быстро вывело Figma вперёд по сравнению с Adobe XD и Sketch.
Помимо статичных макетов, в Figma создают прототипы (кликабельные интерактивные модели, которые ведут себя как настоящий сайт): можно нажимать кнопки и переходить между страницами ещё до написания первой строки кода. Режим Dev Mode показывает разработчикам точные размеры, цвета и шрифты в виде готовых значений для кода: переход от дизайна к разработке заметно упрощается.
Figma это коммерческий продукт, но с щедрым бесплатным тарифом, которого хватает для личных задач и небольших проектов. В 2022 году Adobe договорилась о покупке Figma за 20 миллиардов долларов, однако из-за претензий регуляторов ЕС и Великобритании сделка была отменена в декабре 2023 года, и Figma осталась независимой компанией.
Что это значит для вашего бизнеса
Для владельца бизнеса, заказывающего сайт, Figma означает возможность увидеть и утвердить точный вид сайта до написания кода. Правки вносятся на этапе дизайна, где они быстры и дёшевы, а не на этапе разработки, где они дороги. Для просмотра достаточно открыть ссылку в браузере: устанавливать ничего не нужно.
Как это использует SaytPro
SaytPro начинает каждый проект с дизайна в Figma: сначала готовятся макеты страниц, клиент просматривает их по ссылке и оставляет комментарии прямо на макете. После утверждения команда берёт из Dev Mode точные размеры и цвета и верстает сайт на Next.js и Tailwind CSS. Такой процесс сводит к минимуму расхождения между макетом и готовым сайтом.
