copy-figma-css: ส่วนขยายการคัดลอก CSS ของ Figma ที่สะดวกสบาย
copy-figma-css เป็นส่วนขยายของ Chrome ที่พัฒนาโดย gnauhca ที่ให้วิธีที่สะดวกในการคัดลอก CSS จาก Figma โดยการเปิดใช้งานส่วนขยายนี้และเปิดใช้งานแท็บตรวจสอบในไฟล์ Figma ผู้ใช้สามารถคัดลอก CSS โดยอัตโนมัติตามกฎที่ตั้งไว้หลังจากเลือกโหนดใดๆ
ด้วย copy-figma-css ผู้ใช้สามารถเพลิดเพลินกับคุณสมบัติต่อไปนี้:
- คัดลอก CSS จาก Figma โดยอัตโนมัติ
- กรองความคิดเห็นที่ไม่จำเป็นและคุณสมบัติที่ไม่ต้องการ
- ตั้งระดับของสเกลและหน่วยที่กำหนดเองของตัวเลข
- กำหนดกฎการแทนที่เอง
- แทนที่ค่าด้วยตัวแปร CSS/LESS/SASS
- การกำหนดค่าที่แตกต่างกันสำหรับโครงการที่แตกต่างกัน
ในการใช้ copy-figma-css เพียงแค่ติดตั้งปลั๊กอินและตรึงไว้ในแถบส่วนขยาย จากนั้นเปิดหรือรีเฟรชไฟล์ Figma เปิดใช้งานแท็บ "ตรวจสอบ" และเลือกองค์ประกอบเพื่อคัดลอก CSS ไปยังคลิปบอร์ดตามกฎที่ตั้งไว้โดยอัตโนมัติ การคัดลอก CSS ด้วยวิธีด้วยตนเองจะถูกประมวลผลโดยส่วนขยาย
โปรดทราบว่าหากเบราว์เซอร์ขออนุญาตให้อ่านคลิปบอร์ด ให้คลิก "อนุญาต" เพื่อให้สิทธิ์เข้าถึง เนื่องจากส่วนขยายเพียงแค่อ่านรหัส CSS เท่านั้น
โดยรวมแล้ว copy-figma-css เป็นเครื่องมือที่มีคุณค่าสำหรับนักออกแบบและนักพัฒนาที่ใช้งานกับ Figma โดยการบูรณาการกระบวนการคัดลอก CSS และเพิ่มประสิทธิภาพ
