ปลั๊กอิน Pinterest สู่ Figma

การย้ายภาพอ้างอิงจาก Pinterest ไป Figma มักหมายถึงการบันทึกพินทีละอัน ลากไฟล์เข้ามา และจัดเรียงด้วยมือ ปลั๊กอิน PinBoardSaver ทำขั้นตอนนั้นให้คุณ: วางข้อมูลพิน เลือกเลย์เอาต์ แล้วทุกภาพจะลงบนแคนวาสพร้อมขนาด ระยะห่าง และการจัดกลุ่ม

ภาพถูกดึงมาในความละเอียดต้นฉบับที่ Pinterest เก็บไว้ อัตราส่วนภาพอ่านจากแต่ละไฟล์แทนการเดา และการนำเข้าแต่ละครั้งอยู่ในเฟรมที่ตั้งชื่อของตัวเอง ย้ายหรือซ่อนได้ง่าย

สิ่งที่ต้องมี

• สำหรับทั้งบอร์ด: ส่วนขยาย Chrome PinBoardSaver ฟรี ซึ่งอ่านบอร์ดและคัดลอกในคลิกเดียว
• สำหรับภาพไม่กี่ภาพ: ไม่ต้องใช้อะไร คลิกขวาที่พิน เลือกคัดลอกที่อยู่รูปภาพ แล้ววางลิงก์บรรทัดละหนึ่งลิงก์

ส่วนขยาย Chrome →

วิธีนำเข้าบอร์ด Pinterest ไปยัง Figma

1. 1

   ติดตั้งปลั๊กอิน

   เปิด PinBoardSaver ใน Figma Community แล้วคลิก Open in Figma ปลั๊กอินจะปรากฏใต้ Plugins ในทุกไฟล์

2. 2

   คัดลอกบอร์ดใน Chrome

   เปิดบอร์ดบน Pinterest เรียกใช้ส่วนขยาย PinBoardSaver แล้วคลิก “คัดลอกสำหรับ Figma” ข้อมูลพินจะอยู่ในคลิปบอร์ด

3. 3

   วางลงในปลั๊กอิน

   ใน Figma เรียกใช้ PinBoardSaver แล้ววางลงในช่อง ปลั๊กอินจะนับจำนวนพินที่พบ

4. 4

   เลือกเลย์เอาต์

   กริด masonry แถวเดียว หรือคอลัมน์เดียว จากนั้นตั้งจำนวนคอลัมน์ ความกว้างภาพ และระยะห่าง

5. 5

   คลิก Import

   ภาพจะถูกวางในเฟรมเดียว อยู่กึ่งกลางมุมมองของคุณ พร้อมจัดเรียงใหม่

เลย์เอาต์

• กริด: คอลัมน์เท่ากัน แถวเป็นระเบียบ เหมาะกับภาพอ้างอิง UI และภาพหน้าจอ
• Masonry: คอลัมน์สูงต่ำต่างกันเหมือน Pinterest เหมาะที่สุดสำหรับมู้ดบอร์ด
• แถวเดียว: แถบแนวนอนสำหรับไทม์ไลน์และลำดับ
• คอลัมน์เดียว: กองแนวตั้งที่อ่านจากบนลงล่าง

ปลั๊กอินทำอะไรได้

• ภาพความละเอียดเต็ม ลิงก์จะถูกยกระดับเป็นขนาดต้นฉบับเมื่อ Pinterest มี
• อัตราส่วนภาพจริง อ่านจากแต่ละภาพแทนการเดา
• การนำเข้าแต่ละครั้งจัดกลุ่มในเฟรมที่ตั้งชื่อของตัวเอง
• ภาพที่โหลดไม่สำเร็จจะถูกข้าม ลิงก์เสียหนึ่งลิงก์ไม่ทำให้การทำงานหยุด
• ไม่มีการส่งข้อมูลไปที่ใดนอกจากคำขอภาพไปยัง CDN ของ Pinterest เอง ไม่ต้องมีบัญชี ไม่มีการติดตาม

คำถามที่พบบ่อย

อ่านคู่มือฉบับเต็ม: วิธีดาวน์โหลดบอร์ด Pinterest