الخطوط
الخطوط التي يستخدمها figma.com
يستخدم figma.com الخط figmaSans لعناوينه ونصه الأساسي. figmaSans خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.
تم القياس من figma.com قبل 4 أيام.
عائلات الخطوط
2 عائلات خطوط- يُستخدم في
- h1, h2, h3, body, button, label
- المصدر
- مستضافة ذاتيًا
- البديل المجاني
- Inter
- يُستخدم في
- label
- المصدر
- مستضافة ذاتيًا
- البديل المجاني
- Inter
CSS لإعادة إنتاجه
متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل 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;
}كيف يُضبط النص
لوكلاء الذكاء الاصطناعي
الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.
curl -s https://stylepack.ai/packs/figma.com/DESIGN.mdأسئلة
ما الخط الذي يستخدمه figma.com؟
يستخدم figma.com الخط figmaSans, figmaMono. العناوين بخط figmaSans والنص الأساسي بخط figmaSans، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.
هل خط figma.com مجاني الاستخدام؟
لا. figmaSans خط مرخّص يقدّمه figma.com بنفسه. أقرب بديل مجاني هو Inter، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.
كيف أحصل على الطباعة نفسها التي يستخدمها figma.com في مشروعي؟
نزّل حزمة تصميم figma.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.