How to Add Border in Figma
This guide will walk you through the steps to add a border (stroke) to a shape or object in Figma. Each step is detailed to ensure you can easily follow along and achieve the desired result.
Open Your Figma File – Launch Figma and open the design file where you want to add a border.
Select the Element – Click on the shape, frame, button, or image you want to apply a border to.
Go to the Right Panel – On the right-hand side, look for the Stroke section.
Click “+” Next to Stroke – This will add a border (stroke) around your selected element.
Set Border Color & Width – Choose your desired color and adjust the stroke width as needed.
Change Border Position (Optional) – Click the dropdown to place the border inside, center, or outside the shape.
Done – Your element now has a clean border added.
