swap text styles

مبادلة أنماط النص

هذا هو البرنامج المساعد الخاص Figma الخاص لاختبار كيفية ظهور استخدام عائلات الخطوط المختلفة في تصميم معين. يستخدم أنماط النص المحلية لتحديد عائلة الخط والتصميم للتبديل معها. إنه مفتوح لأي شخص لتكرار هذا واختباره على ملفاته.

كيفية استخدام

يعتمد هذا البرنامج المساعد على أنماط النص للتبديل. للبدء:

1. قم بإنشاء أنماط نصية لكل عائلة خط تريد استكشافها. تأكد من الحصول على التسلسل الهرمي (العنوان 1 ، الرأس 2 ، إلخ)
2. قم بإنشاء تصميم باستخدام أحد أنماط النص
3. قم بإعداد بيئتك لتشغيل مكونات Figma (انظر وثائق Figma)
4. استبدل المناطق التالية من الكود باحتياجاتك:

• أضف عائلات الخط والأنماط على الخطوط 16-74 في Code.ts.
• أضف معرفات النمط على الأسطر 93-271 في code.ts. يمكنك العثور على هذه في الملف عن طريق فتح وحدة التحكم في Figma وتشغيل Figma.getLocalTextStstyles () ، ثم التحقق من المعرف لكل عقدة.
• اضبط الأنماط على الأسطر 291-353 على Code.TS.
• يعدل اللغات على الخطوط 5-13 في ui.html.

5. حدد الإطار (الإطار) وقم بتشغيل البرنامج المساعد!

العرض التوضيحي

بالنسبة لملفاتي ، لدي 9 خطوط تتراوح من رأس 1 إلى جسم صغير. يوضح هذا المثال التقليب من Noto Sans إلى Tahoma.