swap text styles

เปลี่ยนรูปแบบข้อความ

นี่คือปลั๊กอิน Figma ส่วนตัวเพื่อทดสอบว่าการใช้ครอบครัวฟอนต์ที่แตกต่างกันจะปรากฏในการออกแบบที่กำหนด มันใช้รูปแบบข้อความท้องถิ่นเพื่อระบุตระกูลตัวอักษรและสไตล์เพื่อสลับกับ มันเปิดให้ทุกคนทำซ้ำสิ่งนี้และทดสอบมันในไฟล์ของพวกเขา

วิธีใช้

ปลั๊กอินนี้อาศัยรูปแบบข้อความสำหรับการสลับ เพื่อเริ่มต้น:

1. สร้างสไตล์ข้อความสำหรับแต่ละตระกูลฟอนต์ที่คุณต้องการสำรวจ ตรวจสอบให้แน่ใจว่ามีลำดับชั้น (หัวเรื่อง 1, หัว 2, ฯลฯ )
2. สร้างการออกแบบโดยใช้หนึ่งในรูปแบบข้อความ
3. ตั้งค่าสภาพแวดล้อมของคุณเพื่อเรียกใช้ปลั๊กอิน Figma (ดูเอกสารของ Figma)
4. แทนที่พื้นที่ต่อไปนี้ของรหัสด้วยความต้องการของคุณ:

• เพิ่มตระกูลฟอนต์และสไตล์ในบรรทัดที่ 16-74 ใน Code.TS
• เพิ่มรหัสสไตล์บนบรรทัด 93-271 ใน Code.TS คุณสามารถค้นหาสิ่งเหล่านี้ได้ในไฟล์โดยการเปิดคอนโซลใน FIGMA และเรียกใช้ figma.getLocalTextStyles () จากนั้นตรวจสอบ ID สำหรับแต่ละโหนด
• ปรับสไตล์บนบรรทัด 291-353 บน Code.TS
• ปรับภาษาบนบรรทัด 5-13 ใน UI.html

5. เลือกเฟรมและเรียกใช้ปลั๊กอิน!

การสาธิต

สำหรับไฟล์ของฉันฉันมี 9 ฟอนต์ตั้งแต่หัว 1 ถึงตัวเล็ก ๆ ตัวอย่างนี้แสดงการพลิกจาก noto sans ไปยัง Tahoma