Stylepack

फ़ॉन्ट

figma.com जो फ़ॉन्ट इस्तेमाल करता है

figma.com अपने शीर्षक और बॉडी टेक्स्ट figmaSans में सेट करता है। figmaSans एक लाइसेंस वाला फ़ॉन्ट है, जिसे साइट ख़ुद सर्व करती है। Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प: Inter।

figma.com से 4 दिन पहले मापा गया।

पूरा डिज़ाइन पैक खोलेंपैक डाउनलोड करें

फ़ॉन्ट फ़ैमिली

2 फ़ैमिली
figmaSans
इस्तेमाल
h1, h2, h3, body, button, label
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter
figmaMono
इस्तेमाल
label
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter

इसे दोहराने के लिए CSS

फ़ॉन्ट variables, जिनके stack में मुफ़्त विकल्प भी है, ताकि वही CSS लाइसेंस वाले फ़ॉन्ट के साथ या उसके बिना भी काम करे।

:root {
  --font-heading: "figmaSans", "Inter", sans-serif; /* Inter stands in for figmaSans */
  --font-body: "figmaSans", "Inter", sans-serif; /* Inter stands in for figmaSans */
  --font-size-base: 30px;
}

टाइप कैसे सेट है

headline-displayQuick brown foxfigmaSans / 56px / 400 / lh 56px / -1.25px
headline-lgQuick brown foxfigmaSans / 44px / 400 / lh 48.4px / -0.66px
headline-mdQuick brown foxfigmaSans / 16px / 400 / lh 22.4px
body-mdThe quick brown fox jumps over the lazy dogfigmaSans / 30px / 400 / lh 36px / -0.66px
label-mdThe quick brown fox jumps over the lazy dogfigmaSans / 16px / 400 / lh 22.4px
buttonThe quick brown fox jumps over the lazy dogfigmaSans / 16px / 400 / lh 23.2px
इस्तेमाल में फ़ॉन्ट साइज़
12141618304456

AI एजेंट के लिए

पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।

curl -s https://stylepack.ai/packs/figma.com/DESIGN.md

सवाल

figma.com कौन सा फ़ॉन्ट इस्तेमाल करता है?

figma.com figmaSans, figmaMono इस्तेमाल करता है। शीर्षक figmaSans में और बॉडी टेक्स्ट figmaSans में सेट हैं, साइट के रेंडर होने पर मापे गए, उसकी stylesheet से पढ़े नहीं गए।

क्या figma.com का फ़ॉन्ट मुफ़्त में इस्तेमाल किया जा सकता है?

नहीं। figmaSans एक लाइसेंस वाला फ़ॉन्ट है, जिसे figma.com ख़ुद सर्व करता है। सबसे क़रीबी मुफ़्त विकल्प Inter है, जो Google Fonts पर उपलब्ध है। इस पेज की CSS उसे font stack में स्टैंड-इन के रूप में रखती है।

अपने प्रोजेक्ट में figma.com जैसी टाइपोग्राफ़ी कैसे पाऊँ?

Stylepack से figma.com का डिज़ाइन पैक डाउनलोड करें: उसमें font stack, type scale, हर टेक्स्ट स्टाइल और स्क्रीनशॉट हैं, ऐसे रूप में जिससे Claude Code या Cursor जैसा AI कोडिंग एजेंट बना सके।