Стандартизация
масштабных продуктов
Как дизайн-агентство Agency Peak внедрило систему «Формли» в 12 параллельных проектов, унифицировав визуальный язык и сократив время на передачу макетов в разработку.
Проблема:
Разрозненность стиля
В 2023 году Agency Peak столкнулся с классической проблемой роста: 12 проектов разрабатывались 4 разными командами дизайнеров.
Каждый проект имел свою сетку, свои отступы (padding: 20px в одном, 24px в другом) и собственные шрифтовые наборы. Это приводило к «визуальному шуму» при переключении между задачами и критически замедляло процесс QA-тестирования верстки.
Разработчикам приходилось тратить до 30% времени на «перевод» макетов в код из-за отсутствия единых дизайн-токенов.
Решение:
Единая сетка и токены
Мы внедрили «Формли» как базовый слой (Base Layer) для всех Figma-файлов агентства.
Была внедрена жесткая 12-колоночная сетка с ритмом 8px. Мы создали библиотеку стилей, где цвета, радиусы скруглений и шрифтовые пары управляются через глобальные CSS-переменные.
Ключевым шагом стало удаление произвольных значений. Теперь отступы могут быть только 8, 16, 24, 32 или 64 пикселя. Это позволило создать универсальный UI Kit, который автоматически адаптируется под любые требования заказчика без нарушения структуры.
Результат: Ускорение прототипирования
Скорость
Время создания первого кликабельного прототипа сократилось с 5 дней до 3 дней благодаря готовым компонентам Auto Layout.
Верстка
Инженерные команды перестали задавать вопросы про отступы. Передача макетов через Dev Mode стала полностью автоматизированной.
Качество
Визуальный шум исчез. Клиенты начали получать интерфейсы, которые выглядят частью единой экосистемы, а не набором разрозненных страниц.