Trace Typograf — Russian Typography for Taptop & Tilda
Trace Logo's GitHub
Skip to content

Trace Typograf / Russian typography for Taptop and Tilda / Chrome extension

Text.
Polished.

Non-breaking spaces, dashes, guillemets and ellipses — right inside text fields in the Taptop and Tilda website builders, locally on your device.

Download extension
Website editor / demo
Text block

"Good design" -
is in the details...

Typography inside your layout
Apply typography

Click a text field on the page, then press the button

Try it on the example

Same words.
Marks in place.

Drag the divider: the right marks and bound words change how a text reads.

After

Come to the exhibition
«Form» — on Saturday.
Entry — 500 ₽.
See you soon…

Highlights show fixed marks. Underlines show non-breaking pairs. This is a prepared example.

One button.
Fewer manual fixes.

In Taptop select a layer or container; in Tilda put the cursor in an editable field.

Quotes become guillemets

Straight double quotes are replaced with Russian-style ones.

«Good design»

Words stay together

Short words are tied to the next word; numbers stay with units and currency.

in place
500 ₽

Marks take their proper form

A hyphen between words becomes a dash, three dots become an ellipsis.

Design — in the details…

Your text.
Your browser.

Text is processed on your device; no extension account is needed, but the editor itself still needs a connection.

Add the button
to your Chrome

Install from the archive: unzip it and load the folder in Chrome.

chrome://extensions
ExtensionsDeveloper mode
Load unpacked
  1. Download the archive with the button above and unzip it.
  2. Open the address above and turn on “Developer mode”.
  3. Click “Load unpacked” and choose the unzipped folder.

Final touch.
Before publishing.

Tidy up the typography and check the text in your layout.

Download extension

Trace Typograf FAQ

How do I set non-breaking spaces in Taptop and Tilda?

Select a layer in Taptop or click a text field in Tilda, press the extension icon and “Apply typography”. Short words get tied to the next word, and numbers to units and currency.

Is this an extension or a Figma plugin?

It is a Chrome extension for website editors. For Figma layouts there is a separate Typograf plugin.

Where does the extension work?

Taptop, and fields on tilda.cc subdomains.

Does it keep my formatting?

Edits are made in place. Manual line breaks may get merged.

Why does nothing happen?

Reload the editor. Select a layer in Taptop or click a text field in Tilda.

Where does my text go?

Nowhere: text is processed on your device, in the browser.

Is it available in the Chrome Web Store?

Only manual installation in developer mode.

Is it free?

Yes, free, pay what you want. More tools for designers are in the Tools section.