Абакар Магомедов и Владислав Чешенко - Figma Mockup to Server-driven UI

Ближайшая конференция: Mobius 2025 Spring, 9-10 апреля, Москва + онлайн. Подробности и билеты: jrg.su/ojGU3B
- -
Скачать презентацию с сайта Mobius - jrg.su/j0fpF7
Автоматическая генерация JSON-верстки под Server-driven UI из макетов Figma.
При разработке фич на SDUI разработчикам приходится верстать экраны на JSON. Это тяжелая и скучная работа, особенно когда фичи довольно простые, и все, что нужно сделать - это посмотреть, какой набор компонентов используется в Figma, описать его в JSON и прокинуть те же настройки, что и в Figma.
Возникают особые проблемы, когда SDUI «натягивается» на готовую дизайн-систему, и оказывается, что она не синхронизирована с платформами.
Спикеры рассказали, как трансформировали нашу дизайн-систему в понятный алгоритм действий и описали его в коде. Как SDUI помог выявить критические проблемы в дизайн-системе.
Технологии: Figma Plugin API, Server-driven UI, Design System.

[@CRivlaldo]

А как логику засунуть в компонент? Например, копирование номера карты с лэйбла в буфер обмена.

[@vladislavcheshenko2307]

Можно реализовать это внутри компонента, а вообще весь интерактив все равно остаётся на плечах разработчика, из фигмы имеет смысл пытаться выгрузить только статичную вёрстку и , возможно, анимации