Це може бути не зовсім потрібною відповіддю, але я вважаю, що це краще, ніж передавати інженерам посередні, автоматично створені стилі.
Вибірна розмітка
Я впевнений, що ви відкрили контекстне меню CSS-захвата. Ви можете вибрати скільки завгодно об'єктів, і ви отримаєте CSS у буфер обміну швидше, ніж зможете вставити його.

Селекторів, звичайно, немає, це справді лише нотатки CSS. Кожен блок викликається попереднім коментарем, використовуючи назву шару, наприклад:
/* Rectangle 1: */
background: #C7C1B5;
/* Rectangle 1 Copy: */
background: #F5E618;
/* Rectangle 1 Copy 2: */
background: #FFFFFF;
Анотація до файлу
Sketch Measure - це плагін, який генерує різні рівні анотацій відповідно до ваших характеристик. Тут демонстраційне відео . Основна ідея - анотувати важливі числа та дозволити розробнику написати власний код.

Поза межами анотації
Ви також можете спробувати такі інструменти, окремо або в комбінації:
- Zeplin створює окрему, обмірну версію вашого дизайну Sketch для перевірки вашого розробника, витягуючи характеристики на вимогу.
- Marvel - це засіб для прототипування, який імпортує файли Sketch. Ніщо не спілкується, як інтерактивний прототип!
Експериментальний генератор HTML
Я ніколи цього не використовував, і це, очевидно, на ранніх стадіях розвитку, але плагін Blade виглядає багатообіцяючим.
Blade - плагін Sketch 3 для автоматичного створення HTML. Він створить тег <div> для групи, тег <p> для тексту тощо.
