Прототип вместо макета: как агенты генерируют дизайн и перегоняют его в нативный код

Райффайзен банк — современная IT-компания, и путь от идеи до фичи в проде мы хотим сокращать на каждом участке. Два самых медленных и при этом рутинных этапа — создание дизайна и перенос макетов в нативный код. Ситуацию усугубляют два факта: Vendor Lock на графических редакторах может в любой момент отключиться из-за санкций, а дизайнеры — редкий и дорогой ресурс, чье время жалко тратить на типовые экраны.

Расскажу, как мы атакуем обе проблемы агентами поверх дизайн-системы:

— MDS Prototyper. На входе — промпт, ссылка на макет или даже нативный код существующего экрана. На выходе — живой React-прототип на реальных компонентах дизайн-системы: кнопки нажимаются, экраны переходят, анимации играют. Его можно пощелкать на телефоне, отдать в Discovery, докрутить до продового уровня и передать в разработку вместо макета.

— Дизайн → код. Как MCP дизайн-системы и воркфлоу вокруг него превращают прототип в нативный код — и как при этом держать в актуальном состоянии две ДС (iOS и Android), цветовые токены, типографику и остальные источники истины.

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

Покажу основные технические решения и путь, который мы проделали в ходе разработки сервиса.