LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt

How to Add Padding in Figma



How to Add Padding in Figma: step-by-step guide

  1. Inside your Figma design canvas, select the frame where you wish to add the padding.

  2. Following that, head over to the right-side panel and locate the Layout section under the Design tab.

  3. Tap the 'Use Auto Layout' icon afterwards.

  4. Next, find the Padding option and then start configuring the settings based on your preference. For instance, you may input your desired horizontal and vertical padding or enable Individual Padding for a more specific calibration.

  5. After completing these steps, the padding will be added to the selected frame.

Quick answer: To add padding in Figma, select your desired frame, navigate to the Design tab on the right-side panel, and click the Use Auto Layout icon. Next, locate the Padding option to configure horizontal, vertical, or individual padding settings according to your design preferences.

About this Figma tutorial

Apply padding to frames in Figma easily by enabling Auto Layout and configuring your custom horizontal and vertical spacing settings. This guide shows how to add Padding in Figma in 5 steps, starting with "Inside your Figma design canvas, select the frame where you wish to add the padding" and finishing with "After completing these steps, the padding will be added to the selected frame". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.

Frequently asked questions

How many steps does it take to add Padding in Figma?

5 steps. Each one is listed in order above, and the demo highlights exactly where to click.

Can I try it without changing my own account?

Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.

This tutorial is filed under Figma. Related guides: How to Animate Frames in Figma, How to Bend the Text in Figma and How to Blur Layers in Figma. Last reviewed 05 Oct 2026.

LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt
🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free→

This website uses cookies to enhance the user experience.

AcceptDecline