Figma Typograf Plugin

Figma plugin for making good typographic text
Alternatives To Figma Typograf Plugin
Select To Compare


Typograf Plugin for Figma

Инструкция на русском 🇷🇺

Figma plugin for making good typographic text.

  • Removes hanging conjunctions.
  • Connects the number and the unit with non-breaking space.
  • Puts right quotes “outside and ‘inside’ proposals” instead of " and '.
  • Removes double-spaces, double-dots.
  • Makes ©, ®, ™ from (c), -- turns to — , -> transforms to → mm3 turns to mm³.
  • And more.

It's based on the Typograf JS library.

If you like this plugin, you could buy me a coffe ☕️

Install Instructions

Open plugin page and click Install button.

Keyboard Shortcut

Keyboard Shortcut

If you're using MacOS, you can add custom keyboard shortcut.

  1. Open the System Preferences... -> Keyboard -> Shortcuts.
  2. Choose App Shortcuts and click plus button.
  3. Select Figma from Applications, type Typograf in the Menu Title, select Keyboard Shortcut field and press your keayboard shortcut buttons.

I've had hotkey set up as Ctrl+T.


First clone this repository

git clone
cd figma-typograf-plugin

Install dependencies & build files

npm install
npm run dev

Open the Figma Desktop, select Plugins click Create your own plugin -> Click to choose a manifest.json file and find the manifest.json file in the dist directory.

To Do

  • [ ] Rules customization


Aleksander Golmakov (@golmakov) - [email protected]

Popular Libraries Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.