Два новых интересеных плагина для Sketch: Export Text и Color Variables

Плагин Export Text

Страница плагина Данный плагин позволит вам сохранить все текстовые данные текущей страницы в настраиваемом формате и с возможностью фильтрации.

Настройка

• Use Last Settings — востановление предыдущих настроек
• Text Length — исключение слоя, если длина текста больше или меньше заданных значений
• Skip Layers — пропуск любого слоя, артборда или символа с заданным именем. Введите любое имя, которое вы хотите исключить, разделите имена запятыми и пробелами. Например: Rectangle 1, Screen 2, Symbol 3.
• Before Artboard Divider — добавление разделителя перед следющим артбордом. По умолчанию строка пустая. Вы можете добавить больше строк при помощи ⌥ + return
• Show Artboard Name — добавляет имя артборда перед контентом
• After Artboard Divider — добавляет разделитель между именем артборда и контентом. По умолчанию строка пустая. Вы можете добавить больше строк при помощи ⌥ + return
• Save to: — выберите место для сохранения

Пример выходной переменной

Дальнейшее развитие

• Фильтр по имени слоя
• Опциональное включение имен слоев
• Показ ошибки при пустой выходной переменной
• Отображение процесса экспорта
• Фильтр по содержанию строки
• Экспорт в JSON
• Экспорт как .plist
• Продвинутый фильтр по имени слоя (по началу/концу  и содержанию) - готово, но удалено из-за того, что может ввести пользователя в замешательство

Отзывы

Ваш отзыв очень ценен для нас. Вы можете сообщить об ошибке или написать мне письмо напрямую m@dbv.ae

Плагин Color Variables

Страница плагина Плагин для Sketch, который позволяет экспортировать цвет выбранного слоя в SCSS, LESS и CSS файлы.

Установка

1. Скачайте плагин.
2. Двойной клик на "Color-Vars.sketchplugin" для установки.

Как работает плагин

1. Назовите слои именами переменных.
2. Выберите слои с необходимыми для экспорта цветами.
3. Запустите плагин в меню плагинов или при помощи сочетания клавиш shift + cmd + ,

Будет экспортировано 3 файла в ~/Desktop/

• _color.scss
• _color.less
• _color.css

Ограничения

1. Можно экспортировать только сплошную заливку, не градиенты.
2. В случае, если к одному шейпу/элементу применены несколько заливок, экспортируется первая.

Пример

// _color.scss $red: rgba(82%,1%,11%,1.00); $blue: rgba(29%,56%,89%,1.00); $green: rgba(49%,83%,13%,1.00); $yellow: rgba(97%,91%,11%,1.00); // _color.less @red: rgba(82%,1%,11%,1.00); @blue: rgba(29%,56%,89%,1.00); @green: rgba(49%,83%,13%,1.00); @yellow: rgba(97%,91%,11%,1.00); /* _color.css */ :root { --red: rgba(82%,1%,11%,1.00); --blue: rgba(29%,56%,89%,1.00); --green: rgba(49%,83%,13%,1.00); --yellow: rgba(97%,91%,11%,1.00); }

Дальнейшее развитие

Добавить диалоговое окно выбора параметров, какой тип файла должен быть экспортированы. http://ux.pub/7-novyx-interesnyx-plaginov-dlya-sketch/