Padding в Фигме. Как делать кнопки с одинаковым отступом [Плагин] [Устарел]
Для тех, кто знаком с CSS, было бы очень удобно использовать аналогичный подход и для работы с макетами в Фигме. Наконец эта задача решена с помощью плагина Paddi.
Где скачать: https://www.figma.com/c/plugin/746314565953874339/Paddi
Поддержка: hi@dumka.io
Как устанавливать плагины: //svgpng.ru/novosti/testiruem-plaginy-dlja-figma-chast-1/
Как использовать padding в Фигме
Плагин делает отступы по родительскому компоненту, а значения отступа берутся из названия группы, компонента или фрейма.
- Сгруппируйте элементы, выделите всю группу
- Укажите после названия группы или фрейма значения отступа в квадратных скобках (пример Group [10 15])
- Запустите плагин Paddi
Вы можете указывать padding в два значения — по горизонтали и вертикали (Group [10 15]), либо четыре для каждой стороны (Group [10 25 35 45]) — верх, справа, низ, слева
Отступы считаются от верхнего элемента к нижнему
Вы можете вкладывать неограниченное количество элементов
Как выставить правильное значение форматирования для текста, чтобы его область совпадала с размерами текста читайте здесь.
Важное обновление! Figma добавила собственные инструменты для Padding’а: https://svgpng.ru/figma/avtomaticheskoe-vyravnivanie-v-figma-auto-layout/
Bvc