Перенос цветов Sketch и Swift в Xcode

Миры разработчиков и дизайнеров — это как два разных королевства в «Игре престолов». Чтобы немного сблизить их внутри одной организации, вам нужно бесчисленное количество синхронизаций и встреч. Или эффективные инструменты, такие как Sketch Export for Xcode.

Упрощение сотрудничества между разработчиками и дизайнерами

Экспорт эскиза для Xcode выступает в качестве связующего звена между средой проектирования и разработки Xcode. Это приложение для Mac, которое извлекает цвета из файла Sketch и переносит их в виде готовых к использованию ресурсов в Xcode. Не покупая лицензию Sketch, разработчики могут получить значения цветов. Не углубляясь в код Xcode или Swift, дизайнеры могут передать любой цветовой профиль.

Передача цвета стала проще

Перетащите файл Sketch в окно приложения, и он подберет цвета. Выберите те, которые вы хотите передать и экспортировать в качестве цветовых ресурсов. Потребуется секунда, чтобы передать их в Xcode.

Вы также можете полностью настроить свой цветовой профиль, если хотите. По умолчанию файлы Sketch используют «Неуправляемый цветовой профиль», что совершенно нормально, если вам не нужно работать в определенном цветовом профиле. В противном случае вы можете переключаться между цветовыми профилями sRGB и P3 в настройках.

Готовые цветовые активы темного режима

Экспорт Sketch для Xcode позволяет экспортировать как светлые, так и темные варианты цветовых ресурсов. Чтобы это работало, вы должны включить Dark Mode в настройках и настроить названия цветов в Sketch.

В стилях слоя эскиза используйте префиксы «Светлый» и «Темный» перед названиями цветов. Например, «Метка/Светлая/Основная» и «Метка/Темная/Основная». Вы также можете настроить имена в цветах документа, используя тире перед названием цвета: «Ярлык основного — светлый» и «Ярлык основной — темный». Это позволит получить оба вида для Xcode.

Скоро появится типографика

Цветовые активы — это только первый шаг. Разработчики приложения говорят, что скоро появятся новые функции, которые позволят дизайнерам также передавать стили шрифтов. Стили шрифтов будут использоваться как код IBDesignable и Swift. Так что следите за обновлениями для беспрепятственного сотрудничества между командами дизайнеров и разработчиков — везде.