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#6 in Design Systems

Typography Style Guide

Create the Typography Style Guide page in one shot.

by hiloki

users
116K
likes
1.3K
saves
26K
comments
26
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v6 · May 23, 2021
First published
Apr 17, 2021
Publisher
hiloki
Features

What Typography Style Guide does

Summarised from hiloki's description on the Figma Community.

  • Set local styles

  • Run this plugin

  • A new page will be created

On this page
Overview

About Typography Style Guide

Typography Style Guide is a free Figma plugin published by hiloki in 2021. It works in Figma Design and has 115,610 users and 1,268 likes on the Figma Community. It ranks #6 in Design Systems and #11 in Typography on our lists.

In the developer's words

How to use

  1. Set local styles.
  2. Run this plugin.
  3. A new page will be created.

⚠️ Notice:

This plugin can't get shared styles.

Changelog

What's new

Version 6 · released May 23, 2021

  • feat: apply TextStyle to sample text
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 Typography Style Guide ranks

Compare

Typography Style Guide alternatives

  1. 1

    Styler

    by Andrei Iancu

    237K users3.5KFree

    Bulk management of styles based on layer properties.

    View details
  2. 2

    Design Lint

    by Daniel Destefanis

    147K users5.8KFree

    Find and fix errors in your designs

    View details
  3. 3

    Styles & Variables Organizer

    by Chenmu Wu

    140K users3.3KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

    View details
  4. 4

    Specs Classic

    by Directed Edges Plugins

    139K users5.6KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

    View details
  5. 5

    Figr Identity

    by figr.design

    136K users4.2KFree

    Generate production-grade design systems with components, variables & style sheets setup in Figma

    View details
  6. 6

    Automatic Style Guides

    by Jordan Geizer

    102K users2KFree

    Generate style guides

    View details
FAQ

Typography Style Guide FAQ

What does Typography Style Guide do?

Create the Typography Style Guide page in one shot. It's a Figma plugin by hiloki that runs in Figma Design.

Is Typography Style Guide free?

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

How do I install Typography Style Guide?

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 Typography Style Guide?

By user count, the closest alternatives are Styler, Design Lint and Styles & Variables Organizer. Compare all of them on the best Figma plugins for design systems.

For developers

Built this plugin?

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

Typography Style Guide on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/typography-style-guide/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Typography Style Guide on figmaplugins.co" width="220" height="48"></a>