How do I import text styles from Figma?

Last updated: August 16, 2024

Replo supports import text styles directly from Figma helping you save time creating brand consistent landing pages. Note that you can also import full pages and sections using the Figma to Replo plugin with support info here.

Pasting Text Styles from Figma to Replo

You can copy text styles directly from any text component and paste them into Replo, so that the font size, weight, line-height, and more are automatically applied. To do this:

  1. In Figma, select the text you want to copy styles for.

  2. In the "Inspect" panel, find "Typography" and click "Copy."

  3. In Replo, select the text component you want to paste styles for.

  4. Under "Text" in the right-side editor panel, click the "three dots" button, then select "Paste From Figma".

  5. Replo will automatically read the styles you copied and apply them to the text.