holyjs HolyJS 2019 Мск (08.11.2019 — 09.11.2019)

Figma to React: доставка дизайна в код

img img

В этом докладе слушатели узнают много про Figma, про ускорение и упрощение доставки фич и обновлений дизайна, а также про способы сокращения стоимости разработки.

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

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

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

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