การสร้างเฟรมด้วย AI
การเปิดตัวสร้างเฟรม
หลังจากสร้างเอกสารโปรเจกต์ wireframe ของคุณแล้ว คุณจะเห็นมันในรายการ wireframe เป็นการ์ดโปรเจกต์ เพื่อเริ่มสร้างเฟรมด้วย AI ให้คลิก ไอคอน AI ที่มุมล่างขวาของการ์ดโปรเจกต์ ซึ่งจะเปิดตัวสร้างเฟรมที่คุณสามารถสร้างและจัดการเฟรมแต่ละเฟรมสำหรับแต่ละหน้าจอ
ตัวสร้างเฟรม
ตัวสร้างเฟรมเป็นที่ที่คุณสร้างและจัดการเฟรมไวร์เฟรมแต่ละรายการสำหรับแต่ละหน้าจอ แถบด้านข้างซ้ายแสดงรายการหน้าจอทั้งหมดในโปรเจกต์ (เช่น Dashboard, Task List, Task Detail) พร้อมป้ายสถานะแสดงว่าแต่ละรายการกำลังรอ กำลังสร้าง หรือเสร็จสมบูรณ์
เลย์เอาต์
ผู้ให้บริการ AI
เลือกโมเดล AI ที่จะใช้สร้างเฟรมจาก dropdown ด้านบนซ้าย (เช่น Claude Code, Opus 4.6)
รายการหน้าจอ
แถบด้านข้างซ้ายแสดงหน้าจอทั้งหมดในโปรเจกต์ คลิกหน้าจอเพื่อดูรายละเอียดและสร้างเฟรม
วัตถุประสงค์และคำสั่งของหน้าจอ
แผงกลางแสดงวัตถุประสงค์และฟีเจอร์หลักของหน้าจอที่เลือก คลิกแก้ไขเพื่อปรับเปลี่ยนก่อนสร้าง
ตัวอย่างเฟรม
ด้านขวาแสดงตัวอย่างเฟรมที่สร้าง หรือตัวแทนเฟรมว่างหากยังไม่ได้สร้าง
สร้างเฟรม
คลิกเพื่อสร้างเฟรมสำหรับหน้าจอที่เลือก ใช้เริ่มสร้างทั้งหมดเพื่อสร้างเฟรมที่รอทั้งหมดพร้อมกัน
การแก้ไขก่อนสร้าง
คุณสามารถแก้ไขด้านต่างๆ ของเฟรมก่อนสร้าง คลิกปุ่ม แก้ไข ถัดจากส่วนวัตถุประสงค์หรือคุณสมบัติหลักเพื่อเปลี่ยนคำอธิบาย คุณสมบัติ และคำแนะนำของหน้าจอ เมื่อพอใจกับรายละเอียดแล้ว คลิก สร้างเฟรม เพื่อสร้างเฟรม หรือปรับแต่งและสร้างใหม่ตามต้องการ
การสร้างเฟรม
เมื่อเฟรมกำลังถูกสร้าง ป้ายสถานะหน้าจอในแถบด้านซ้ายจะเปลี่ยนเป็น กำลังสร้าง... และตัวบ่งชี้ความคืบหน้าจะปรากฏที่ด้านล่างขวา (เช่น "กำลังสร้างเฟรม... (10%)") ปุ่ม สร้างเฟรม จะถูกแทนที่ด้วยปุ่ม หยุดการสร้าง ช่วยให้คุณยกเลิกได้หากจำเป็น
ระหว่างการสร้าง
ป้ายสถานะ
แต่ละหน้าจอแสดงสถานะปัจจุบัน — กำลังรอ (ยังไม่เริ่ม), กำลังสร้าง (อยู่ระหว่างดำเนินการ) หรือเสร็จสมบูรณ์ (เสร็จ)
ตัวบ่งชี้ความคืบหน้า
แถบความคืบหน้าแบบเปอร์เซ็นต์ด้านล่างขวาแสดงว่าการสร้างเฟรมปัจจุบันคืบหน้าไปเท่าไหร่
หยุดการสร้าง
ยกเลิกการสร้างเฟรมปัจจุบันได้ตลอดเวลาโดยคลิกปุ่มหยุดการสร้าง
การเชื่อมต่ออัตโนมัติ
เฟรมจะถูกเชื่อมต่อระหว่างกันอัตโนมัติ — การนำทางระหว่างหน้าจอจะถูกเชื่อมต่อระหว่างการสร้าง
เฟรมที่เสร็จสมบูรณ์
เมื่อการสร้างเสร็จสมบูรณ์ คุณจะเห็นข้อความ สร้างเฟรมสำเร็จ ป้ายสถานะหน้าจอจะเปลี่ยนเป็น เสร็จสมบูรณ์ (สีเขียว) พร้อมจำนวนองค์ประกอบ (เช่น "41 องค์ประกอบ") ตัวอย่างเฟรมที่สร้างจะปรากฏที่ด้านขวาของตัวแก้ไข
หลังเสร็จสมบูรณ์
ตัวอย่างเฟรม
แผงขวาแสดงตัวอย่างภาพของเฟรมที่สร้างพร้อมคอมโพเนนต์ทั้งหมดที่จัดวาง
จำนวนองค์ประกอบ
ป้ายเสร็จสมบูรณ์แสดงจำนวนองค์ประกอบทั้งหมดที่สร้างสำหรับหน้าจอ
เริ่มเฟรมใหม่
หากคุณไม่พอใจกับผลลัพธ์ คลิกเริ่มเฟรมใหม่เพื่อสร้างใหม่ตั้งแต่ต้น
เริ่มสร้างทั้งหมด
ดำเนินการสร้างเฟรมที่รอที่เหลือ หรือใช้เพื่อสร้างทุกหน้าจอพร้อมกันแบบกลุ่ม