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

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

41 Хочу послушать

Хотят послушать:

  • Vadim Isakanov
  • Petr Evsikov
  • Dmitriy Pashkevich
  • NIKOLAY KURANOSOV
  • Anastasia Larina
  • Ситко Андрей
  • ZAR ZAKHAROV
  • Дима Бабушкин
  • Гончарова Евгения
  • Максим Лапин
  • Михаил Куклин
  • Иван Галиулин
  • Анатолий Горбунов
  • Alexander Zubkov
  • Азат Аюпов
  • Сергей Волков
  • Андрей Симаков
  • Faiz Yakupov
  • Антон Казанцев
  • Николай Гидзюк
  • Юрий Горбонос
  • Ken Ken
  • Sergey Korenyugin
  • Антон Калинин
  • Александр Сапожников
  • Егор
  • Максим Хабибуллин
  • Евгений Журавлев
  • Иван Ветошкин
  • Мария Иванова
  • Константин Гуцев
  • Андрей phaz
  • Вячеслав Рогов
  • Алина Русских
  • Никита Лопатин
  • Константин
  • Артем Садовщиков
  • Владимир Майоров
  • Иван Багаев
  • Екатерина Зюзева
  • Гульнара Ибрагимова

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

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

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

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

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

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

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