May 30, 2025

Figma Make ตัวช่วย Designer สร้าง Prototype ได้โคตรไว

intro-to-figma-make

Figma Make คืออะไร?


Figma Make คือ AI-powered prototyping tool เป็นฟีเจอร์ที่ฝังอยู่ใน Figma โดยตรง ออกแบบมาให้ทีม product สามารถสร้าง interactive UI ได้เร็วขึ้นด้วยการพิมพ์คำสั่งธรรมดาๆ แทนการออกแบบด้วยมือ ช่วยให้ Designer สร้าง prototype เพื่อใช้นำเสนองานได้ในเวลาจำกัด


Core idea: จาก prompt → prototype ใน seconds


How it work ทำงานยังไง?


  1. เปิด Make ใน Figma จาก sidebar หรือ menu
  2. พิมพ์ prompt เช่น "สร้างหน้า login ที่มี email, password และปุ่ม sign in"
  3. จากนั้น AI จะทำการสร้าง UI — component, layout, spacing ถูกจัดการอัตโนมัติ
  4. แก้ไข iteratively — ปรับแต่งด้วย prompt เพิ่มเติม หรือแก้ตรง ๆ ได้ใน canvas


Use Cases ทำอะไรได้บ้าง?


  • Rapid Prototyping — สร้าง wireframe หรือ hi-fi prototype ได้ภายในนาที
  • Exploration — ทดลองหลาย layout โดยไม่ต้องออกแบบทีละ pixel
  • Handoff support — prototype ที่ได้เป็น Figma frame จริง แก้ไขและส่งต่อได้ปกติ
  • Presentation — ใช้โชว์ concept กับ stakeholder ได้เร็วขึ้น


ข้อดี vs ข้อควรระวัง


✅ ข้อดี: ประหยัดเวลาในการสร้าง prototype เพื่อใช้ในการนำเสนองานขั้นต้น สามารถทดลอง idea ใหม่ ๆ ได้ไวลอง prompt แล้วเห็นผลเลย หากไม่ชอบส่วนไหน Make ก็มีฟีเจอร์ให้แก้ไขเฉพาะส่วนที่เราเลือกไว้ได้ ทำซ้ำจนกว่าจะหา solution ได้


⚠️ ข้อควรระวัง: ผลลัพธ์อาจไม่ตรงตาม design system ของทีมเนื่องจาก AI จะสร้าง component โดยไม่ได้อ้างอิงกับระบบการออกแบบของทีม/แบรนด์ รวมถึงบางครั้ง AI อาจจะไม่เข้าใจ prompt เพียงพอทำให้สร้าง component ที่ไม่ตรงตามความต้องการได้


ลิงก์ที่เกี่ยวข้อง



Design · Build · Launch

The magical low-code way

May 30, 2025

Figma Make ตัวช่วย Designer สร้าง Prototype ได้โคตรไว

intro-to-figma-make

Figma Make คืออะไร?


Figma Make คือ AI-powered prototyping tool เป็นฟีเจอร์ที่ฝังอยู่ใน Figma โดยตรง ออกแบบมาให้ทีม product สามารถสร้าง interactive UI ได้เร็วขึ้นด้วยการพิมพ์คำสั่งธรรมดาๆ แทนการออกแบบด้วยมือ ช่วยให้ Designer สร้าง prototype เพื่อใช้นำเสนองานได้ในเวลาจำกัด


Core idea: จาก prompt → prototype ใน seconds


How it work ทำงานยังไง?


  1. เปิด Make ใน Figma จาก sidebar หรือ menu
  2. พิมพ์ prompt เช่น "สร้างหน้า login ที่มี email, password และปุ่ม sign in"
  3. จากนั้น AI จะทำการสร้าง UI — component, layout, spacing ถูกจัดการอัตโนมัติ
  4. แก้ไข iteratively — ปรับแต่งด้วย prompt เพิ่มเติม หรือแก้ตรง ๆ ได้ใน canvas


Use Cases ทำอะไรได้บ้าง?


  • Rapid Prototyping — สร้าง wireframe หรือ hi-fi prototype ได้ภายในนาที
  • Exploration — ทดลองหลาย layout โดยไม่ต้องออกแบบทีละ pixel
  • Handoff support — prototype ที่ได้เป็น Figma frame จริง แก้ไขและส่งต่อได้ปกติ
  • Presentation — ใช้โชว์ concept กับ stakeholder ได้เร็วขึ้น


ข้อดี vs ข้อควรระวัง


✅ ข้อดี: ประหยัดเวลาในการสร้าง prototype เพื่อใช้ในการนำเสนองานขั้นต้น สามารถทดลอง idea ใหม่ ๆ ได้ไวลอง prompt แล้วเห็นผลเลย หากไม่ชอบส่วนไหน Make ก็มีฟีเจอร์ให้แก้ไขเฉพาะส่วนที่เราเลือกไว้ได้ ทำซ้ำจนกว่าจะหา solution ได้


⚠️ ข้อควรระวัง: ผลลัพธ์อาจไม่ตรงตาม design system ของทีมเนื่องจาก AI จะสร้าง component โดยไม่ได้อ้างอิงกับระบบการออกแบบของทีม/แบรนด์ รวมถึงบางครั้ง AI อาจจะไม่เข้าใจ prompt เพียงพอทำให้สร้าง component ที่ไม่ตรงตามความต้องการได้


ลิงก์ที่เกี่ยวข้อง



Design · Build · Launch

The magical low-code way

May 30, 2025

Figma Make ตัวช่วย Designer สร้าง Prototype ได้โคตรไว

intro-to-figma-make

Figma Make คืออะไร?


Figma Make คือ AI-powered prototyping tool เป็นฟีเจอร์ที่ฝังอยู่ใน Figma โดยตรง ออกแบบมาให้ทีม product สามารถสร้าง interactive UI ได้เร็วขึ้นด้วยการพิมพ์คำสั่งธรรมดาๆ แทนการออกแบบด้วยมือ ช่วยให้ Designer สร้าง prototype เพื่อใช้นำเสนองานได้ในเวลาจำกัด


Core idea: จาก prompt → prototype ใน seconds


How it work ทำงานยังไง?


  1. เปิด Make ใน Figma จาก sidebar หรือ menu
  2. พิมพ์ prompt เช่น "สร้างหน้า login ที่มี email, password และปุ่ม sign in"
  3. จากนั้น AI จะทำการสร้าง UI — component, layout, spacing ถูกจัดการอัตโนมัติ
  4. แก้ไข iteratively — ปรับแต่งด้วย prompt เพิ่มเติม หรือแก้ตรง ๆ ได้ใน canvas


Use Cases ทำอะไรได้บ้าง?


  • Rapid Prototyping — สร้าง wireframe หรือ hi-fi prototype ได้ภายในนาที
  • Exploration — ทดลองหลาย layout โดยไม่ต้องออกแบบทีละ pixel
  • Handoff support — prototype ที่ได้เป็น Figma frame จริง แก้ไขและส่งต่อได้ปกติ
  • Presentation — ใช้โชว์ concept กับ stakeholder ได้เร็วขึ้น


ข้อดี vs ข้อควรระวัง


✅ ข้อดี: ประหยัดเวลาในการสร้าง prototype เพื่อใช้ในการนำเสนองานขั้นต้น สามารถทดลอง idea ใหม่ ๆ ได้ไวลอง prompt แล้วเห็นผลเลย หากไม่ชอบส่วนไหน Make ก็มีฟีเจอร์ให้แก้ไขเฉพาะส่วนที่เราเลือกไว้ได้ ทำซ้ำจนกว่าจะหา solution ได้


⚠️ ข้อควรระวัง: ผลลัพธ์อาจไม่ตรงตาม design system ของทีมเนื่องจาก AI จะสร้าง component โดยไม่ได้อ้างอิงกับระบบการออกแบบของทีม/แบรนด์ รวมถึงบางครั้ง AI อาจจะไม่เข้าใจ prompt เพียงพอทำให้สร้าง component ที่ไม่ตรงตามความต้องการได้


ลิงก์ที่เกี่ยวข้อง



Design · Build · Launch

the magical low-code way