Figma: как был создан FigCade с помощью Make, Weave и MCP

О чём материал

Блог Figma рассказывает, как сотрудники использовали три AI-инструмента — Figma Make, Figma Weave и Figma MCP-сервер — для создания шести браузерных мини-игр к внутреннему празднику April Fun Day. Материал построен как разбор рабочего процесса от первого лица: конкретные члены команды описывают, что они делали, какими инструментами пользовались и где workflow ускорялся, а где им приходилось вмешиваться вручную.

Контекст

Ценность этого кейса в том, что команда Figma работала со своими собственными инструментами в реальных условиях, а не в контролируемой демонстрации. Были жёсткие сроки, небольшая команда на каждую игру и цель — выпустить что-то, во что можно реально сыграть. Каждый из трёх AI-инструментов выполнял свою конкретную роль.

Ключевой вывод

Кейс демонстрирует чёткое разделение задач между тремя инструментами. Figma Make отвечал за быстрое прототипирование: один дизайнер в воскресенье утром валидировал концепцию викторины 2Fast2Figma и к вечеру имел рабочий прототип. Make эффективен на этом этапе, потому что генерирует интерактивный результат сразу, а не статические экраны, — это позволяет быстро почувствовать, работает ли концепция.

Figma Weave закрывал создание визуальных ассетов. Дизайнер Лесли Мун сгенерировала фетровые текстуры для курсора за пару часов — работа, которая без AI потребовала бы специалиста или нескольких дней. Моушен-дизайнер Фифи Ло создала сторибордовые элементы для трейлера April Fun Day с помощью Weave и выпустила готовое видео за один день.

Figma MCP-сервер связывал дизайн с кодом. Инженер СтивенНото использовал его вместе с Claude и GitHub Copilot: вставляя ссылки на компоненты из MCP-сервера прямо в AI-среду разработки, он получал код, точно соответствующий спецификациям дизайна. Без этого соединения инженеру пришлось бы вручную переносить намерения дизайна в требования к коду для каждого компонента.

Кейс не показывает, как команда справлялась с решениями, требующими визуального суждения — цветовые правки, тонкость отступов, переходы, — эти задачи, судя по всему, оставались за людьми.

Кому читать

Дизайнерам и разработчикам, которые хотят понять, как AI-инструменты Figma работают вместе в реальном проекте, а не в продуктовой демонстрации. Материал также полезен командам, оценивающим, принесут ли Make, Weave или MCP-сервер пользу их собственному процессу.