ภาพรวมการสร้างแอปจาก Figma

[บทความนี้เป็นคู่มือรุ่นก่อนวางจำหน่าย และอาจจะมีการเปลี่ยนแปลงในอนาคต]

ความสามารถในการสร้างแอปจากไฟล์การออกแบบ Figma โดยตรงช่วยเชื่อมช่องว่างระหว่างการออกแบบและการพัฒนา โดยการเร่งกระบวนการพัฒนา UI ของแอป ช่วยให้นักพัฒนาและนักออกแบบสามารถทำงานร่วมกันได้อย่างมีประสิทธิภาพและมีประสิทธิผลเพื่อมอบประสบการณ์ผู้ใช้ปลายทางที่ยอดเยี่ยมด้วยต้นทุนและเปลืองแรงต่ำ

นักออกแบบสามารถสร้างการออกแบบใน Figma โดยใช้ สร้างแอปจากชุด UI สำหรับ Figma ซึ่งจัดเตรียมส่วนประกอบที่รองรับสำหรับ Power Apps และมีคำแนะนำโดยละเอียดเกี่ยวกับวิธีใช้ชุด เมื่อสร้างการออกแบบแล้ว เพียงระบุลิงก์ไปยังไฟล์การออกแบบ Figma และ Power Apps จะสร้างแอปพื้นที่ทำงานใหม่ตามการออกแบบเหล่านั้น กรอบการออกแบบจะถูกแปลงเป็นหน้าจอโดยอัตโนมัติใน Power Apps เมื่อ UI ของแอปพร้อมแล้ว คุณสามารถขยายแอปนี้ได้โดย การเชื่อมต่อกับข้อมูล, การเพิ่มตรรกะของแอป การเพิ่ม หน้าจอ และ ตัวควบคุม เพิ่มเติม

ขั้นตอนที่ 1 - ก่อนที่คุณจะเริ่มออกแบบ โปรดอ่านคำแนะนำจาก สร้างแอปจากชุด UI สำหรับ Figma เกี่ยวกับสิ่งที่ได้รับการสนับสนุนและสิ่งที่ไม่ได้รับการสนับสนุน

ขั้นตอนที่ 2 - ใน Figma คุณจะออกแบบแอปของคุณในหน้านี้ ซึ่งมีแนวทางและคำแนะนำเกี่ยวกับวิธีการทำงานกับส่วนประกอบที่รองรับ

ขั้นตอนที่ 3 - ใน Power Apps คุณจะแปลงแอป คุณจะทำได้โดยระบุลิงก์และโทเค็นของ Figma

ขั้นตอนที่ 4 - หลังจากการแปลง คุณจะต้องทำตามขั้นตอนต่อไปเพื่อทำให้แอปของคุณมีการโต้ตอบและมีประโยชน์มากยิ่งขึ้น

ออกแบบแอปของคุณใน Figma

ออกแบบ แอปของคุณใน Figma โดยใช้ สร้างแอปจากชุด UI สำหรับ Figma ใช้ส่วนประกอบ Power Apps ที่รองรับ ในชุดเมื่อออกแบบแอปของคุณ

สร้างแอปจากการออกแบบของคุณ

หลังจากคุณออกแบบแอปเสร็จแล้ว ให้ทำตามขั้นตอนที่ง่ายและรวดเร็วเพื่อ สร้างแอปพื้นที่ทำงานจากการออกแบบ Figma

สร้างแอปของคุณต่อไป

สร้างแอปของคุณต่อไปใน Power Apps Studio โดยการเพิ่ม หน้าจอ และ ตัวควบคุม เพิ่มเติม คุณยังสามารถขยายแอปของคุณโดยเชื่อมต่อกับ ข้อมูล หรือปรับแต่งเพิ่มเติมโดย เพิ่มตรรกะของแอป

ขั้นตอนถัดไป: ออกแบบแอปของคุณโดยใช้ชุด UI

ดูเพิ่มเติม

• สร้างแอปพื้นที่ทำงานจาก Figma
• ส่วนประกอบที่รองรับโดยชุด UI
• แก้ไขปัญหาข้อผิดพลาดทั่วไป