เครื่องมือสร้างภาพหน้าจอปลั๊กอิน Figma
ออกแบบหน้าปกและภาพหน้าจอที่หยุดสายตาให้ปลั๊กอินหรือวิดเจ็ต Figma ของคุณ ในขนาดที่ Figma Community กำหนดคือ 1920×1080 พอดี
ไม่ต้องสมัครสมาชิก เปิดแคนวาส Figma Community 1920×1080 ได้ทันที
ข้อกำหนด
ข้อกำหนดรูปภาพของ Figma Community
เมื่อเผยแพร่ปลั๊กอินหรือวิดเจ็ตไปที่ Figma Community หน้าเว็บจะประกอบด้วยภาพหน้าปกหนึ่งภาพบวกสื่อแครูเซลที่เลือกได้ ทั้งคู่ใช้แคนวาส 16:9 เดียวกัน จึงทำครบทุกชิ้นในโปรเจกต์เดียวได้ นี่คือสเปกที่ Figma แนะนำ ณ เวลาเผยแพร่
สเปกหน้าปกและหน้าเว็บ
| ขนาดหน้าปก | 1920 × 1080 px (แนะนำ) |
|---|---|
| สัดส่วนภาพ | 16:9 |
| พื้นที่ปลอดภัย | 1800 × 1080 px กึ่งกลาง |
| สื่อในแครูเซล | รูปภาพหรือวิดีโอได้สูงสุด 9 รายการ |
| รูปแบบไฟล์ | PNG หรือ JPG (แนะนำ PNG) |
| ไอคอนปลั๊กอิน | 128 × 128 px |
แนวปฏิบัติการตรวจสอบ: ควรทำและไม่ควรทำ
ควรทำ
- ✓แสดงอินเทอร์เฟซและผลลัพธ์จริงของปลั๊กอิน
- ✓ใช้ข้อความขนาดใหญ่ที่อ่านได้ในขนาดภาพย่อ
- ✓ทำสไตล์หน้าปกให้เข้ากับไอคอนและแบรนด์
- ✓อยู่ภายในพื้นที่ปลอดภัย 1800×1080
ไม่ควรทำ
- ✗ใช้ภาพหน้าจอที่บิดเบือนสิ่งที่ปลั๊กอินทำจริง
- ✗วางข้อความหรือโลโก้สำคัญชิดขอบภาพ
- ✗พึ่งพาดีเทล UI เล็ก ๆ ที่หายไปในภาพตัวอย่าง
- ✗นำงานการตลาดที่ไม่เกี่ยวกับปลั๊กอินมาใช้ซ้ำ
สไตล์เริ่มต้น
เทมเพลตหน้าปกสำหรับปลั๊กอิน Figma
เริ่มจากเลย์เอาต์ 16:9 ที่พิสูจน์แล้ว แล้วสลับเป็นภาพหน้าจอ สี และข้อความของคุณเองในเอดิเตอร์
เกรเดียนต์จัดจ้าน
พาดหัวใหญ่บนเกรเดียนต์สดใสพร้อมการ์ด UI ลอยๆ
มินิมอลสะอาดตา
พื้นหลังขาว ภาพผลิตภัณฑ์คมชัด และคำสัญญาที่ชัดเจนหนึ่งประโยค
ดาร์กสตูดิโอ
เวทีถ่านลึกพร้อมแสงเรืองรองรับปลั๊กอินเครื่องมือ
แบรนด์ป๊อป
นำสีโลโก้มานำหน้า พร้อมคู่ before/after ที่สะดุดตา
อยากได้จุดเริ่มต้นเพิ่มไหม? ดูเทมเพลตเบราว์เซอร์และเดสก์ท็อป
วิธีใช้งาน
ทำหน้าปกปลั๊กอิน Figma ใน 3 ขั้นตอน
จากแคนวาสเปล่าถึงหน้าปกพร้อมเผยแพร่ ในเวลาราวห้านาที
- 01
เปิดแคนวาส 1920×1080
เปิดเอดิเตอร์ด้วยพรีเซ็ต Figma Community โดยไม่ต้องตั้งค่าหรือสมัครสมาชิก
- 02
เพิ่มภาพหน้าจอและข้อความ
วางภาพหน้าจอ UI ของปลั๊กอิน เลือกพื้นหลัง และเขียนพาดหัวที่ขายผลลัพธ์หลัก
- 03
ส่งออกและเผยแพร่
ดาวน์โหลด PNG คมชัดสำหรับหน้าปกและแครูเซล แล้วอัปโหลดในหน้าต่างเผยแพร่ของ Figma
แนวปฏิบัติที่ดี
หน้าปกปลั๊กอินที่ดีทำอะไร
รูปแบบที่ทำผลได้ดีอย่างสม่ำเสมอบน Figma Community
แสดงการเปลี่ยนแปลง
วาง 'ก่อน' แบบธรรมดาคู่กับ 'หลัง' ที่ขัดเกลาแล้ว — หลักฐานชนะคำสัญญา
ใส่กรอบ UI จริง
วางภาพหน้าจอจริงของปลั๊กอินในกรอบเบราว์เซอร์หรือแคนวาส เพื่อให้เห็นบริบททันที
ยึดโยงแบรนด์
สะท้อนสีและตัวอักษรของไอคอน เพื่อให้ทั้งหน้าเว็บดูเป็นผลิตภัณฑ์เดียวกัน
คำถามที่พบบ่อย
คำถามที่พบบ่อยเรื่องภาพหน้าจอปลั๊กอิน Figma
ทุกสิ่งที่นักพัฒนาถามเกี่ยวกับภาพหน้าปกและภาพหน้าจอสำหรับ Figma Community
ส่งมอบหน้าปกที่สมควรได้รับคลิก
เปิดเอดิเตอร์บนแคนวาส Figma Community 1920×1080 และส่งออกครบทุกชิ้นในไม่กี่นาที