Skip to main content

Font Style name export to JSON

  • May 21, 2021
  • 8 replies
  • 1533 views
Tanya_Serdyukova

Hi Figma developers!

It turns out that exporting Figma fonts in JSON format provides the result that looks smth like this:

                            "style": {
                                "fontFamily": "Quattrocento Sans",
                                "fontPostScriptName": "QuattrocentoSans-BoldItalic",
                                "fontSize": 72,
                                "fontWeight": 700,
                                "italic": true,
                                "letterSpacing": 0,
                                "lineHeightPercent": 100,
                                "lineHeightPx": 84.375,
                                "lineHeightUnit": "INTRINSIC_%",
                                "textAlignHorizontal": "CENTER",
                                "textAlignVertical": "CENTER"
                            },

for a page like this:

image

And we face the necessity to invent some special algorithms for knowing the actual style name (that is “Bold Italic” in the example)
from the provided “fontPostScriptName” field (that is “QuattrocentoSans-BoldItalic” in the example).

Is there any chance to add the real style name to the structure? It would be very much appreciated.

    8 replies

    Rasmus_Hjulskov_Larsen

    With a font like Inter the fontWeight doesn’t match what I see in Figma but fallback to 400.
    Adding custom logic based on the fontPostScriptName seems really hacky, is that what’s intended? 🙂

    S
    • Santiago1
    • March 9, 2024

    How did you export the Figma fonts to JSON? I cant see how to do it

    IonuBalonu
    • IonuBalonu
    • New Member
    • December 21, 2025

    How did you export the Figma fonts to JSON? I cant see how to do it


    If you haven’t figured out a solution yet, you can try with this tool I built: https://prismtokens.app/

    Miky Jhon
    • Miky Jhon
    • New Member
    • February 24, 2026

    Exporting font style names to JSON would really help when syncing design systems across projects. Clear naming becomes even more important when those styles are reused outside Figma, especially on social platforms or gaming profiles. I’ve noticed how much structured, readable style names matter while experimenting with Unicode-based name formats at https://thestylishname.com/. Having consistent exports would make managing decorative or branded text styles far more efficient for teams and creators alike.

    Shankar Kumar

    Having a clear “style name” field in JSON export would definitely simplify workflows and avoid relying on parsing fontPostScriptName. It would make design-to-development handoff much cleaner and more consistent across projects. For more useful resources, tools, and insights on digital workflows and productivity, you can also explore samagra portal which offers informative content for developers and creators.

    Hardik Rash
    • Hardik Rash
    • New Member
    • March 31, 2026

    Totally agree—having a dedicated “style name” field in the JSON export would remove a lot of unnecessary guesswork and custom parsing. Relying on fontPostScriptName isn’t always reliable across different font families, so a clean, explicit value like “Bold Italic” would really streamline design-to-dev workflows. It would also improve consistency when syncing design systems across platforms. For additional tools and resources that support smoother digital workflows, you can also check out vehicle rc download which offers a variety of helpful utilities.

    hazell12
    • hazell12
    • New Member
    • April 1, 2026

    This would actually be a really useful addition, especially when trying to keep typography consistent across design systems. Exporting font style names to JSON could simplify handoff between design and development a lot. I’ve noticed similar challenges when working with styled text variations in tools like https://stylishnamees.com/, where organizing and reusing font styles efficiently becomes important. Having a structured export option in Figma would definitely make workflows smoother and more scalable.

    ch naveed
    • ch naveed
    • New Member
    • April 8, 2026

    This is actually a very useful suggestion. Exporting font style names into JSON would make it much easier for developers to maintain consistency between design systems and code, especially when working with typography tokens.

    Currently, there are some workarounds using plugins or external tools, but having this feature natively in Figma would definitely improve workflow efficiency and reduce manual effort.

    I’ve also been exploring platforms that share helpful guides and resources related to digital tools, development, and online workflows. One useful resource I found is: https://mkbportal.pk/

    Terms & ConditionsCookie settingsAccessibility statement