Написать пост

Airbnb открыла исходники React Sketch, библиотеки для связи React и Sketch

Аватар Дарья Вандакурова

Airbnb открыла исходники библиотеки React Sketch для написания компонентов React и их переноса в Sketch. Теперь разработчикам не нужна помощь дизайнеров.

Компания Airbnb представила React Sketch, open source библиотеку для написания компонентов React и их переноса в Sketch. Теперь разработчикам не нужна помощь дизайнеров.

Можно поподробнее?

Часто у разработчиков и дизайнеров есть возможность работать без систем проектирования, но это затрудняет процесс работы. Особенно это касается больших компаний. Airbnb, например, вложила много ресурсов в разработку компонентов дизайна, которые могут применяться во всей компании. Однако у компании оставались сложности с синхронизацией её итеративной системы проектирования с шаблонами в Sketch, что значительно замедляло процесс разработки.

Airbnb открыла исходники React Sketch, библиотеки для связи React и Sketch 1

Система проектирования — это набор шаблонов, используемых командами дизайнеров при разработке различных продуктов компании. Без них сразу становится понятно, что между разработчиками не было взаимодействия, каждая команда работала сама по себе, что, естественно, сказывается на качестве продукта.

Airbnb открыла исходники React Sketch, библиотеки для связи React и Sketch 2

Всегда заметно, как при изменении одного правила дизайна меняется внешний вид сразу нескольких элементов приложения. Чтобы добиться такого же результата при работе со Sketch, компания разработала библиотеку React Sketch.

Применение React Sketch

В гифке видно, как Airbnb применяет библиотеку React Sketch для визуализации вариантов текста на разных языках при помощи Google Translate API, но без изменения дизайна. Выгодным преимуществом является то, что подобная работа в React уже знакома большинству разработчиков.

Библиотека доступна на GitHub. Хотя изначально она предполагалась как инструмент для экономии времени на разработку и дизайн в Airbnb, она открывает гораздо больше возможностей для работы с дизайном по принципу работы с кодом.

Следите за новыми постами
Следите за новыми постами по любимым темам
3К открытий3К показов