0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#20 in Typography

Typestyles

Generate textstyles in seconds using font-size font-family and more

by Marvin Bruns

users
42K
likes
728
saves
18K
comments
13
FreeWorks inFigma Design
Price
Free
Latest version
v11 · May 21, 2022
First published
Jan 26, 2020
Publisher
Marvin Bruns
Features

What Typestyles does

What the plugin declares in its manifest.

  • Manifest

    Typestyles

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Typestyles

Typestyles is a free Figma plugin published by Marvin Bruns in 2020. It works in Figma Design and has 42,485 users and 728 likes on the Figma Community. It ranks #20 in Typography on our lists.

In the developer's words

What do I do with this plugin?

You basically batch generate Textstyles.

Variables + Modes are available as well. To create typography for different platforms, breakpoints, or something else.

1. Simply select the typefaces you want to generate a textstyle from

2. Choose modifiers to branch your textstyles

🌈 Tip: You can even replace the default labels of font-family, size and weight with custom labels.

3. Generate!

But why? 🤷‍♂️

Well … if you have to generate Textstyles from time to time it is not that much fun in design tools. It really is just a lot of clicking and Typing properties that are already existing or bound to a fonts properties

Changelog

What's new

Version 11 · released May 21, 2022

  • UI Adjustments
  • Code refactoring
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest. Questions about data handling go to the developer's support page.

Rankings

Where Typestyles ranks

Compare

Typestyles alternatives

  1. 1

    Better Font Picker

    by Nitin Gupta

    485K users6KFree
  2. 2

    Typescales

    by Marvin Bruns

    315K users5.2KFree
  3. 3

    Font Replacer

    by Font Replacer

    265K users1.5KFree + $4/mo upgrade

    Replace all your fonts with just a few clicks.

  4. 4

    Chinese Font Picker

    by Figma.Cool

    222K users5.7KFree
  5. 5

    Font Preview

    by Gautham 🌶

    218K users2.4KFree

    Generate live font previews in Figma.

  6. 6

    Fonts Changer

    by RenatoX

    217K users1.3KFree

    Replace font families and styles across your selection, even text with mixed fonts.

FAQ

Typestyles FAQ

What does Typestyles do?

Generate textstyles in seconds using font-size font-family and more. It's a Figma plugin by Marvin Bruns that runs in Figma Design.

Is Typestyles free?

Yes. Typestyles is free to install and run from the Figma Community, with no paid tier listed.

How do I install Typestyles?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Typestyles?

By user count, the closest alternatives are Better Font Picker, Typescales and Font Replacer by Font Replacer. Compare all of them on the best Figma plugins for typography.

For developers

Built this plugin?

Use this page as a landing page for Typestyles: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Typestyles on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/typestyles/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Typestyles on figmaplugins.co" width="220" height="48"></a>