#дайджест август 2023

① Аддон в Storybook для визуального тестирования
Сравнивает разные версии в стори, выявляет регресс и показывает отличия прямо в Сторибуке. Выполняет проверку в различных браузерах и разрешениях. В навигационной панели Сторибука подсвечивает стори, в которых есть изменения. Аддон пока в статусе альфа, получить ранний доступ можно по запросу.

② Новая Figma-библиотека дизайн-системы Carbon с нативными переменными (открывать под vpn)
В Carbon, дизайн-системе IBM, отказались от стилей и перешли на variables. Это позволило объединить 4 темы в одном файле. И добавить токены для спейсингов, брейкпоинтов, радиусов и прочего. Находим файл в комьюнити Фигмы и изучаем решение.

③ Эволюция дизайн-системы Encore в кросс-платформенность
Spotify рассказали о развитии системы, столкнувшейся с необходимостью поддержки 45 платформ и 2000+ устройств. Новая версия дизайн-системы стремится к «сплоченности» при которой компоненты стали кросс-платформенными. Для этого были созданы единые правила, одинаковые на всех платформах и учитывающие их особенности.

④ Figma дорабатывает переменные
Появилась возможность настраивать свойства нескольких переменных одновременно. Имя переменной теперь редактируется и поддерживает разные платформы. Можно указать в каких свойствах будет доступна переменная цвета. И доступна смена режима в слоях инстанса. Как видим, доработки косметические, типографику и эффекты всё ещё не завезли. Ждём!

⑤ Пишем документацию для дизайн-системы с помощью AI
Zeroheight поделились рекомендациями по работе с Chat GPT. Самое важное в этом деле — точно сформулированные запросы с вашим контекстом. В статье приводится подробный пример промпта для документации. И еще один метод, от тех же авторов. Комбинируя оба подхода, можно быстро получить стартовый материал для дальнейшей проработки.