Web Design » Figma » How Do I Delete a Text Style in Figma?

How Do I Delete a Text Style in Figma?

Last updated on December 1, 2022 @ 12:42 pm

There are many ways to style text in HTML, using the < p >,< b > and < u > tags where applicable. You can also use CSS to style text, but that is a more advanced topic.

In this article, we will focus on using the < p >,< b > and < u > tags to style text.

The < p > tag is used to create a paragraph. The text within the paragraph will be automatically formatted by the browser, with each line being indented.

You can control the amount of indentation by using the CSS margin property. For example, if you want to create a paragraph with no indentation, you would use the following CSS code:

PRO TIP: If you delete a text style in Figma, any text that was using that style will no longer be styled. Be sure to check your document for any text that may be using the style before deleting it.
p {
    margin: 0;
}

The < b > tag is used to make text bold. This is often used for headings and titles.

The text within the < b > tag will be bolded by the browser. You can control the amount of bolding by using the CSS font-weight property. For example, if you want to make text super bold, you would use the following CSS code:

b {
    font-weight: 900;
}

The < u > tag is used to underline text.

The text within the < u > tag will be underlined by the browser. You can control the amount of underlining by using the CSS text-decoration property. For example, if you want to double underline text, you would use the following CSS code:

u {
    text-decoration: double;
}

How Do I Delete a Text Style in Figma?
To delete a Text Style in Figma, simply select the Text Style from your Styles panel and click the ‘x’ icon next to it.

Dale Leydon

Dale Leydon

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