Figma to React: система эффективной доставки изменений дизайна в код

Александр Каменяр, TradingView, Head of Design, Санкт-Петербург

9 голосов

В 2019 продуктовые дизайн-команды используют дизайн-систему на уровне графического редактора. А команда разработчтиков переносит эту систему в код, используя компонентный подход react.

Но есть проблема. Финальной версии продукта не существует. Как не существует финального айфона. Продуктовые команды ежедневно работают над развитием продукта. Но дизайнерские макеты и компоненты в коде живут в разных мирах, их нужно обновлять параллельно и руками.

Как непрерывно доставлять изменения из дизайнерской дизайн-системы в реакт дизайн-систему?

Figma это новый дизайн-инструмент, который завоевывает все большую популярность. Figma в отличии от Sketch работает в вебе, родной среде компонентных дизайн-систем. У нее есть API. Саша и Зар покажут как подружить дизайн-системы из двух миров.

Поделиться в соц. сетях:

Хотите стать докладчиком на UWDC?

Свяжитесь с Андреем Ситко по телефону: +7 922-705-55-05 или по электронной почте: ya@sitko.ru