แชร์ผ่าน


ออกแบบแอปของคุณโดยใช้ชุด UI

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

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

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

รับชุด UI

  1. ไปที่หน้า สร้างแอปจากชุด UI สำหรับ Figma
  2. หากจำเป็น ให้ลงชื่อเข้าใช้ด้วยข้อมูลประจำตัว Figma ของคุณ
  3. เลือก ทำซ้ำ จากนั้นเลือกทีม Figma ที่คุณเป็นสมาชิก สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการทำซ้ำโครงการใน Figma โปรดดู Figma: ทำซ้ำไฟล์หรือโครงการ
  4. หากจำเป็น ให้เลือกลูกศรลงถัดจากชื่อไฟล์ แล้วย้ายไฟล์ออกจากแบบร่างของคุณ

อ่านคำแนะนำ

อ่านคำแนะนำจากหน้า อ่านตรงนี้ก่อน และ ขั้นตอนที่ 1: การเริ่มต้นใช้งาน ภายในชุด UI คำแนะนำในหน้าเหล่านี้ช่วยให้คุณเข้าใจหลักเกณฑ์ทั่วไปเกี่ยวกับการใช้ชุดนี้ นอกจากนี้ คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับทรัพยากรที่ใช้โดยชุด เช่น ลักษณะแบบอักษร หลักเกณฑ์ส่วนประกอบ ส่วนประกอบที่รองรับ และอื่นๆ

ออกแบบแอปของคุณ

ปฏิบัติตามคำแนะนำในหน้า ขั้นตอนที่ 2: ออกแบบแอปของคุณ ภายในชุด UI เพื่อเริ่มต้นใช้งานชุดเครื่องมือเพื่อสร้างการออกแบบแอปของคุณเอง

สิ่งที่ควรทำและไม่ควรทำขณะออกแบบ

ชุดนี้ประกอบด้วยคำแนะนำโดยละเอียดเกี่ยวกับวิธีใช้ส่วนประกอบต่างๆ อย่างไรก็ตาม นี่คือสิ่งที่ควรทำและไม่ควรทำอันดับต้นๆ ที่คุณควรคำนึงถึงขณะออกแบบแอป:

  • อ่านแต่ละหน้าอย่างละเอียดเพื่อให้กระบวนการออกแบบและกระบวนการแปลงเป็นไปอย่างราบรื่น
  • ออกแบบโดยใช้ส่วนประกอบที่รองรับจากชุดนี้เท่านั้น
  • ใช้เฉพาะแบบอักษรที่รองรับที่ระบุไว้ในชุดเท่านั้น
  • อย่าเปลี่ยนชื่อส่วนประกอบ
  • อย่าเปลี่ยนเลเยอร์ส่วนประกอบ

ข้อมูลเพิ่มเติม

ชุดนี้ยังมีหน้าเพิ่มเติมสำหรับข้อมูลเพิ่มเติมดังสรุปด้านล่าง:

ดูเพิ่มเติม