Padding в Фигме. Как делать кнопки с одинаковым отступом [Плагин] [Устарел]


Для тех, кто знаком с CSS, было бы очень удобно использовать аналогичный подход и для работы с макетами в Фигме. Наконец эта задача решена с помощью плагина Paddi. 

Где скачать: https://www.figma.com/c/plugin/746314565953874339/Paddi

Поддержка: hi@dumka.io

Как устанавливать плагины: //svgpng.ru/novosti/testiruem-plaginy-dlja-figma-chast-1/ 

Как использовать padding в Фигме

Плагин делает отступы по родительскому компоненту, а значения отступа берутся из названия группы, компонента или фрейма. 

Padding в Figma
Пэддинг, заданный двумя значениями
Padding в Figma
Пэддинг, заданный для каждой стороны
  1. Сгруппируйте элементы, выделите всю группу
  2. Укажите после названия группы или фрейма значения отступа в квадратных скобках (пример Group [10 15])
  3. Запустите плагин Paddi

Вы можете указывать padding в два значения — по горизонтали и вертикали (Group [10 15]), либо четыре для каждой стороны (Group [10 25 35 45]) — верх, справа, низ, слева

Отступы считаются от верхнего элемента к нижнему

Вы можете вкладывать неограниченное количество элементов

Как выставить правильное значение форматирования для текста, чтобы его область совпадала с размерами текста читайте здесь. 

Комментариев: 2
  1. SVGPNG.RU (автор)

    Важное обновление! Figma добавила собственные инструменты для Padding’а: https://svgpng.ru/figma/avtomaticheskoe-vyravnivanie-v-figma-auto-layout/

  2. Bvvc

    Bvc :twisted:

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


По теме:


Бесплатные иконки

Векторные и растровые иконки, бесплатные для коммерческого использования

Анимированные SVG иконки Изометрические иконки