How Do You Add a Border to a Text Box in Figma?

Adding a border to a text box in Figma is as easy as 1-2-3! With Figma, you can give any element of your design a unique and beautiful look with the help of borders. Whether you’re creating a logo, website, or product mockup, you can use borders to add visual interest and structure to your design.

To begin, you’ll need to select the text box that you want to add a border to. This can be done by selecting the text box on the canvas and then clicking on the ‘Border’ button in the right-side settings panel.

From there, you’ll be able to customize the thickness, color, and style of your border. You can also adjust the corners of your border if needed.

Once your border is complete, it’s time to style it. You can do this by selecting the fill color for your border.

This will determine what color your border will be. You can also choose from different types of gradients for more advanced styling options.

Finally, you’ll want to adjust the opacity of your border if needed. This will allow you to make it more or less visible depending on what kind of effect you’re going for. For example, if you want a subtle effect then lowering the opacity might be best.

Conclusion:
Adding a border to a text box in Figma is an easy way to give any element in your design an eye-catching look. With Figma’s settings panel, you can customize the thickness, color and style of your borders as well as adjust their opacity level for more precise styling options.