ของฟรีทำโมชั่นกราฟิก: HyperFrames และอีก 3 ตัว
เครื่องมือและคลังโมชั่นที่ใช้ฟรี พร้อมสัญญาและข้อห้ามของแต่ละตัว ข้อมูล ณ 19 ต.ค. 2569 — เช็กสัญญาอนุญาตอีกครั้งก่อนใช้ (ไม่ใช่คำแนะนำทางกฎหมาย)
อัปเดตล่าสุด 18 ต.ค. 2569
⬇ ดาวน์โหลด PDF (ฟรี)ต้องมีอะไรบ้าง
- ไม่มีค่าใช้จ่ายสำหรับตัวที่แนะนำในคู่มือนี้
- คอมพิวเตอร์ที่ติดตั้ง Node.js ได้ (HyperFrames ใช้คำสั่ง npx)
- ถ้าใช้ HyperFrames หรือ Motion Canvas หรือ GSAP ต้องแก้หรือสั่งให้ AI เขียนโค้ดเอง ส่วน LottieFiles ใช้ไฟล์สำเร็จรูป
- 1
HyperFrames
เฟรมเวิร์กโอเพนซอร์สของ HeyGen เขียน HTML แล้วเรนเดอร์เป็นวิดีโอ MP4 ที่หน้าโปรเจกต์ระบุว่า "Built for agents" ซึ่งเราใช้เอง มีคลังสำเร็จรูป 400 กว่าชิ้นใน 11 หมวด เช่น ซับ ทรานสิชัน กราฟ ฉาก ติดตั้งทีละชิ้น สัญญา: Apache 2.0 ไม่มีค่าเรนเดอร์ต่อครั้งหรือเกณฑ์ใช้เชิงพาณิชย์ตามหน้าโปรเจกต์ (หน้าคลังเองไม่ได้ระบุสัญญาแยกรายชิ้น ให้ดูที่ repo) https://github.com/heygen-com/hyperframes https://hyperframes.heygen.com/catalog
npx hyperframes add data-chart - 2
Motion Canvas
ไลบรารี TypeScript สำหรับเขียนแอนิเมชันด้วยโค้ด มีตัวแก้ไขที่ดูตัวอย่างสดได้ สัญญา: MIT (ตามป้ายสัญญาบน GitHub) https://github.com/motion-canvas/motion-canvas
- 3
LottieFiles
ไฟล์แอนิเมชันสาธารณะให้โหลด ใช้ตาม Lottie Simple License: ใช้เชิงพาณิชย์ได้ ไม่ต้องให้เครดิต แต่ถ้าเผยแพร่ต้องส่งต่อเงื่อนไขเดียวกัน ห้ามเพิ่มเงื่อนไขอื่น และห้ามเก็บไฟล์ไปทำบริการแข่ง ไฟล์ที่ไม่ใช่สาธารณะหรือแบบเสียเงิน สัญญานี้ไม่ได้ครอบคลุมชัดเจน https://lottiefiles.com/page/license
- 4
GSAP
ไลบรารีแอนิเมชัน ใช้เชิงพาณิชย์ได้ฟรี รวมปลั๊กอินที่เคยเป็นของสมาชิก และ FAQ ระบุว่าโค้ด GSAP ที่ AI สร้างให้ใช้ได้ เงื่อนไข: ห้ามใช้ในเครื่องมือสร้างแอนิเมชันแบบไม่ต้องเขียนโค้ดที่แข่งกับ Webflow โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร ห้ามแกะเพื่อทำสินค้าแข่ง และห้ามลบประกาศลิขสิทธิ์ https://gsap.com/standard-license/
- 5
เริ่มจากตัวไหนดี
ถ้าอยากได้ซับ ทรานสิชัน กราฟ สำเร็จรูปแล้วสั่ง AI ประกอบ เริ่มที่คลังของ HyperFrames ถ้าอยากได้ไฟล์แอนิเมชันเล็ก ๆ ใส่ในคลิปเลย ดู LottieFiles แต่ต้องอ่านสัญญาก่อนใช้ทุกไฟล์
ติดตรงนี้ ทำยังไง
โอเพนซอร์สแปลว่าทำอะไรก็ได้หรือเปล่า
ไม่ใช่ ต้องอ่านสัญญาของแต่ละตัว เช่น Apache 2.0 และ MIT อนุญาตกว้าง แต่ GSAP มีข้อห้ามเรื่องทำเครื่องมือแข่ง Webflow
ใช้ไฟล์ Lottie ใส่คลิปที่ขายของได้ไหม
ไฟล์สาธารณะบน LottieFiles ใช้เชิงพาณิชย์ได้ตามสัญญา แต่ต้องเช็กว่าไฟล์ที่โหลดเป็นไฟล์สาธารณะ ไม่ใช่แบบเสียเงิน และเช็กว่าไม่มีโลโก้หรือเครื่องหมายการค้าของคนอื่นอยู่ในไฟล์
คลัง HyperFrames แต่ละชิ้นมีสัญญาแยกไหม
หน้าคลังที่เราอ่านไม่ได้ระบุสัญญาแยกรายชิ้น ให้ดูสัญญาของ repo หลักเป็นหลัก และเช็กหน้ารายชิ้นก่อนใช้ในงานจริง