Dynamic button plug-in для Sketch.app позволяет создавать кнопки с фиксированными отступами, при этом неважно, какой текст вы добавляете.
В версии Sketch 3.3.3 наблюдаются проблемы с работой плагина. Если кто знает решение, буду благодарен за подсказку.
Обновление
[СКОРО] Версия 2.0
- [добавлено] Некоторые новые, интересные функции
Версия 1.2:
- [добавлено] Поддержка Sketch 3.2
- [добавлено] Теперь вы можете выбрать несколько слоев, чтобы конвертировать их в кнопки в один клик
Версия 1.1:
- [добавлено] Поддержка Sketch = 3.0.2
- [добавлено] Теперь вы можете использовать CSS-сокращения (10:10, 10:10:10, 10:10:10:10)
- [добавлено] Обратная связь ('ничего не выбрано', 'неправильный формат')
Спасибо IngoValente за CSS-сокращения и всем другим пользователям за интерес.
Демо
Установка
- Скачайте Dynamyc button.Sketch plugin.
- Двойным щелчком кликните на файле в папке download. Sketch должен открыться самостоятельно и сообщить, что плагин был успешно установлен.
Вы должны видеть запись Dynamic button в меню Plugins menu.
Инструкции
Сначала вы можете создать структуру (как на изображении ниже) вручную, а затем уже использовать плагин. Или же создайте текстовый слой, а затем сгенерируйте автоматическую структуру, используя горячую клавишу Cmd + J. Затем появится группа "flexible button" с текстовым слоем (0:0:0:0) и фоном ('BG').
0:0:0:0 – это отступы. Синтаксис похож на отступы в CSS.
Например, для отступов: 10px 20px 10px 20px (отступы: верхний правый нижний левый) нужно указать 10:20:10:20
Задайте нужные отступы (в имени текстового слоя), выделите текстовый слой и нажмите Cmd + J.
Вот и все! Вы создали свою динамическую кнопку. Теперь можно менять текст и нажимать Cmd + J – кнопка автоматически изменится.
Изменение горячих клавиш по умолчанию
- Откройте папку плагина. Вы можете сделать это, выбрав скрипт из меню Plugins menu, затем нажать на иконку с колесиком и выбрать опцию "Open Plugins Folder".
- Откройте файл "Dynamic Button.sketchplugin" в текстовом редакторе.
- Горячая клавиша указана в первой строке:
// just a comment (cmd j)
Замените ее на любую нужную вам.
Скачать плагин Dynamic button
Топ коментарі (0)