Web Design » Figma » How Do I Make a Slide Bar in Figma?

How Do I Make a Slide Bar in Figma?

Last updated on December 2, 2022 @ 4:49 am

There are a few different ways that you can make a slide bar in Figma. One way is to use the Rectangle Tool to draw a rectangle that is the desired width of your slide bar.

Then, use the Line Tool to draw a line across the middle of the rectangle. This will be your slide bar.

To style your slide bar, you can use the fill color and stroke color options in the toolbar. You can also add a gradient or pattern if you want to get creative with your design.

To add text to your slide bar, use the Text Tool and click on the canvas where you want to add your text. A text box will appear and you can type in your text.

You can also style your text using the < b > and < u > tags in HTML. To make your text bold, enclose it in < b > tags. To underline your text, enclose it in < u > tags.

The

tag is also used to style text in HTML. This tag is used to create paragraphs of text. To create a paragraph of text, simply enclose your text in < p > tags.

So there you have it! These are just a few ways that you can make a slide bar in Figma and style text using HTML tags. Experiment with different techniques and see what works best for your project.

PRO TIP: This article provides instructions on how to create a slide bar in Figma. However, it is important to note that this feature is only available in Figma’s paid subscription plans. If you are not subscribed to a paid plan, you will not be able to use the slide bar feature.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.