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

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.

Development

First clone this repository

git clone https://github.com/golmakov/figma-typograf-plugin.git
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

Author

Aleksander Golmakov (@golmakov) - golmakov@gmail.com