การให้คะแนนโดยบรรณาธิการ: การให้คะแนนของผู้ใช้:[รวม: 0 เฉลี่ย: 0] @media(min-width: 500px) { } @media(min-width: 800px) { }
LottieFiles เป็นแพลตฟอร์มที่มีคุณลักษณะครบครันสำหรับสร้างและออกแบบแอนิเมชั่น Lottie ตอนนี้พวกเขายังเปิดตัวปลั๊กอิน Figma ที่คุณสามารถใช้เพื่อเปลี่ยนการออกแบบ Figma ของคุณให้เป็นอนิเมชั่น Lottie โดยพื้นฐานแล้ว แอปนี้ให้คุณเลือกเฟรมคงที่ที่คุณออกแบบใน Figma และทำให้เฟรมเคลื่อนไหวได้ มีการตั้งค่าล่วงหน้าแอนิเมชันสำเร็จรูปบางส่วนที่คุณสามารถนำไปใช้กับงานออกแบบของคุณแล้วส่งออกได้
ด้วยความช่วยเหลือของการตั้งค่าล่วงหน้าแอนิเมชัน คุณสามารถหมุนรูปร่างหรือวัตถุที่คุณสร้างใน Figma มีสถานีที่ตั้งไว้ล่วงหน้าให้เลือกอีกมากมาย นอกจากนี้ คุณสามารถเลือกสีพื้นหลังแล้วส่งออกแอนิเมชันในท้ายที่สุด
คุณสามารถแปลงภาพเคลื่อนไหวเป็น GIF และแทรกในพื้นที่ทำงาน Figma หรือคุณสามารถส่งออกภาพเคลื่อนไหว Lottie ไปยังพื้นที่ทำงาน LottieFiles หลังจากส่งออกแอนิเมชันไปยัง LottieFiles แล้ว คุณสามารถดาวน์โหลดโค้ด JSON ในภายหลังและใช้โค้ดนั้นได้ทุกที่ที่คุณต้องการ
วิธีส่งออกการออกแบบ Figma เป็นไฟล์ Lottie โดยการทำให้เคลื่อนไหวได้
วิธี สามารถติดตั้งปลั๊กอิน LottieFiles สำหรับ Figma ได้ จากลิงก์นี้ เพียงไปตามลิงค์แล้วคลิกตัวเลือก”ลองใช้”จากนั้นปลั๊กอินจะถูกเพิ่มไปยัง Figma Workspace ของคุณ
ตอนนี้ คุณสร้างการออกแบบ วาดรูปร่างหรือวัตถุภายในกรอบ
เรียกใช้ปลั๊กอิน LottieFiles จากเมนูปลั๊กอิน อินเทอร์เฟซของปลั๊กอินจะเปิดขึ้น ไปที่แท็บส่งออกไปยัง Lottie ใหม่
ตอนนี้จะขอให้คุณเลือกกรอบจากการออกแบบ Figma ของคุณ ดังนั้น เลือกเฟรมแล้วทำให้เคลื่อนไหว ซึ่งให้ตัวเลือกบางอย่างแก่คุณในการเลือกแอนิเมชันสำหรับการออกแบบของคุณ
หลังจากใช้แอนิเมชันแล้ว คุณก็สามารถส่งออกได้ คุณสามารถส่งออกเป็น GIF หรือเป็นไฟล์ Lottie ไฟล์ Lottie สามารถส่งออกไปยังบัญชี LottieFiles ของคุณได้เช่นกัน จากที่นั่น คุณสามารถแก้ไขเพิ่มเติมแล้วดาวน์โหลดได้หากต้องการ
นี่เป็นวิธีที่ง่ายในการเปลี่ยนการออกแบบ Figma ของคุณเป็นแอนิเมชั่น Lottie ปลั๊กอิน LottieFiles มีประสิทธิภาพมาก มันสามารถทำให้การออกแบบ Figma แบบคงที่ของคุณมีชีวิตขึ้นมาได้ เพียงติดตั้งแล้วทำให้การออกแบบ Figma ของคุณเคลื่อนไหวและส่งออกเป็นแอนิเมชั่น Lottie
ข้อคิดปิดท้าย:
หากคุณทำงานกับแอนิเมชั่น Figma และ Lottie คุณจะหลงรักปลั๊กอินแอนิเมชั่น Lottie ใหม่นี้ สำหรับ Figma โดย LottieFiles ฉันชอบความจริงที่ว่ามันรวมเข้ากับ Figma อย่างสมบูรณ์ และจากนั้นคุณสามารถเลือกที่จะทำให้การออกแบบของคุณเคลื่อนไหวแล้วส่งออกได้ แม้ว่าจะมีข้อ จำกัด ในเวอร์ชันฟรี แต่ฉันคิดว่ามันยังมีฟังก์ชันหลักหลักฟรี เหมาะสำหรับคนทำงานอิสระและนักออกแบบส่วนหน้า
