Figma เป็น Tokens: เชื่อมต่อกับ Figma API และแสดงตัวอย่างสีเป็น CSS Variables หรือ JSON Tokens
Figma to Tokens เป็นส่วนเสริมของ Chrome ฟรีที่พัฒนาโดย UX Dev Tools มันอยู่ในหมวดหมู่ของเบราว์เซอร์และอยู่ในหมวดหมู่ย่อยของ Add-ons & Tools โปรแกรมนี้ช่วยให้ผู้ใช้สามารถเชื่อมต่อกับ Figma API และดูตัวอย่างเป็น CSS Variables หรือ JSON Tokens ได้
ด้วย Figma to Tokens ผู้ใช้สามารถคัดลอก CSS Variables หรือ JSON Tokens ในรูปแบบ HEX หรือ RGB ได้อย่างรวดเร็ว ซึ่งทำให้ง่ายต่อการนำเอาพาเลตสีจาก Figma มาใช้งานใน CSS ของเว็บไซต์ของพวกเขา นอกจากนี้หากเว็บไซต์ใช้รูปแบบตัวแปร CSS เดียวกันกับไฟล์ Figma ผู้ใช้สามารถเห็นการเปลี่ยนแปลงในแถบสไตล์ของ Chrome DevTools ได้
ควรทราบว่า Figma to Tokens ใช้พื้นที่จัดเก็บข้อมูลในเครื่องเท่านั้นและไม่บันทึก API keys เพื่อให้มั่นใจในความปลอดภัยของข้อมูลผู้ใช้
โดยรวมแล้ว Figma to Tokens เป็นเครื่องมือที่มีประโยชน์สำหรับนักออกแบบและนักพัฒนาที่ต้องการให้กระบวนการทำงานของพวกเขาเรียบง่ายขึ้นด้วยการถ่ายโอนพาเลตสีจาก Figma ไปยัง CSS ของเว็บไซต์ของพวกเขา
