Create a new Figma text style
Tags: figmatips, uxdesign, uidesign, figma
Published: 2022-01-21 00:35:15

---
title: Create a new Figma text style
published: true
date: 2022-01-07 19:55:00 UTC
tags: figmatips,uxdesign,uidesign,figma
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/1024/0*sq1CniOUhJ8ip-UL.jpg)

In this quick post, we’ll see how to create, apply, Edit, and delete a text style in Figma.

### Watch Video Tutorial

{% youtube MYX-0KoUpl8 %}

### Create a Text Style

To create a new **Text style** , let’s start by creating a new text layer and go to **Text** section and add the following text settings:

Font family:  **Arial**

Font size:  **90**

Font weight:  **Bold**

![](https://cdn-images-1.medium.com/max/1024/0*8HO8N1EkxNClshqL.png)

![](https://cdn-images-1.medium.com/max/478/0*wpy_E0Bo009_KeN3.png)

- Next, hit the **four dots** icons in the **Text** section to trigger the text styles modal.
- Hit the **+** icon in the right corner of the **Text styles**  modal.

![](https://cdn-images-1.medium.com/max/478/0*d8R5PJYUebmZLNV1.png)

- Let’s give our style the name of **Text Style 1 then** hit **Create style**  button.

![](https://cdn-images-1.medium.com/max/890/0*RJTiXTlkY5hrTo8x.png)

![](https://cdn-images-1.medium.com/max/480/0*1iP202QfeejaTFH6.png)

You can create as much styles as you want.

### Apply a Text Style to a layer

To apply a **Text style** to a text layer, select your layer and head to the **Text** section in the right-hand sidebar.

- Hit the **four dots** icon in the right corner of the **Text** section to trigger the styles modal, then select **Text styles 1** to apply the style to your text layer.

![](https://cdn-images-1.medium.com/max/1024/0*ppJHpyZ-mQs1WCVl.png)

### Access your File’s Text Styles

To display and access all your file’s styles, all you have to do is to click on the file’s gray backdrop. All your style will be displayed in the right-hand sidebar.

![](https://cdn-images-1.medium.com/max/490/0*2W68OEZR9b0x2EhQ.png)

### Edit a Text Style

To edit a **Text style** , click on the file’s gray backdrop to display your styles, then **right-click** on the text style you want to edit and select edit style in the context menu.

![](https://cdn-images-1.medium.com/max/486/0*ZDmyNV9ZdhccJSjQ.png)

Once you edit a certain style, the change of the color will be applied automatically to every layer using that same style.

### Delete a Text Style

To delete a **Text style** from your Figma file, click on the file’s gray backdrop to display your styles. **Right-click** on the text style you want to delete and select **Delete** style in the context menu.

![](https://cdn-images-1.medium.com/max/486/0*_fBB__i9ryrdlgaz.png)

That’s everything about creating a text style in Figma. in the next posts we’ll cover more concerning Figma styles.

### Before you go

Feel free to visit our website [**captain-design.com**](https://www.captain-design.com/) where we are sharing generously, ready for commercial use [**Figma and HTML templates**](https://www.captain-design.com/).

You’ll find three things to help you kickstart your next project’s design :

- [**200+ free Figma templates**](https://www.captain-design.com/templates/) **.**
- [**Free Html + Bootstrap 5 templates**](https://www.captain-design.com/templates/tag/html) **.**
- [**Amazing Figma Plugins and UI kits**](https://www.captain-design.com/uikit/) **.**

_Originally published at_ [_https://www.captain-design.com_](https://www.captain-design.com/blog/create-a-new-figma-text-style/) _on January 7, 2022._