Плагин Export Text

Страница плагина

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

Настройка

Export Text Sketch Plugin

  • 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: — выберите место для сохранения

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

Export Text Sketch Plugin

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

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

Отзывы

Ваш отзыв очень ценен для нас. Вы можете сообщить об ошибке или написать мне письмо напрямую [email protected]

 

Плагин 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 Vars

// _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);
}

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

Добавить диалоговое окно выбора параметров, какой тип файла должен быть экспортированы.

7 новых интересных плагинов для Sketch