Страница участника
Зал «Underscore»
Принят
Мнение ПК
На этом докладе вы узнаете, как бесшовно соединить кодовую базу продукта из сотен экранов и дизайн-систему с использованием API Figma и CI/CD.
Дизайн-система на токенах в Figma, коде и проде
Тезисы
Про преимущества использования дизайн-систем не рассказывал только ленивый. Но не все рассказывают, как в итоге больно внедрять её в реальный продукт. И как потом невыносимо сложно её апдейтить после внедрения, ведь связь между дизайн-системой в макете и конечной реализацией часто рвётся.
У нас продукт на сотни экранов и живая дизайн-система, которая постоянно улучшается. И нам нужно было решить эту проблему основательно. Мы реализовали дизайн-систему на сквозных токенах, единых для инструментов дизайнера и разработчика, которые создаются, синхронизируются и обновляются без написания даже строчки кода. Достаточно изменить элемент в Figma, и он (после ревью, конечно) в несколько кликов изменится в реальном интерфейсе клиента. Подробно расскажу, как мы это сделали и стоит ли вам сделать так же (Да!).
Видео
Презентация
Подписка на новости
Хотите быть в курсе? Для получения анонсов о новых конференциях, полезных материалах и вдохновения — подписывайтесь на нас!
Нажимая на кнопку «Подписаться», вы соглашаетесь с Политикой обработки персональных данных
Другие доклады секции
-
SberDevices
System Design for Design System
-
Graphite
Serverless, или Бэкенд не нужен
-
JetBrains
TypeScript: худший лучший язык программирования
-
Банк Точка
Микрофронтенды. Два года в продакшне
-
Циан
Frontend и backend: находим общий язык
-
X5 Group
Управление состоянием с помощью Query Manager
-
SuperJob
Большое приложение на реактивном SSR-топливе
-
Cloud.ru
Микросервис головного мозга. Пилим все, что движется
-
$hyoo
Проектирование гиперадаптивной UI-библиотеки