เส้นทางที่สั้นที่สุดใน 1DesignTool คือบรีฟเดียวกับการ steer ครั้งเดียว — ประมาณห้านาที หน้านี้จะพาไปตามลูปนั้น: โปรเจกต์ใหม่ การรันครั้งแรก และการ แก้ไขครั้งแรก เพื่อให้เอกสารส่วนอื่นมีโครงให้อ้างอิง
สร้างโปรเจกต์
จากหน้าจอหลัก กด New project — หรืออธิบายดีไซน์ลงใน composer หน้าแรกได้เลย แล้วแอปจะสร้างโปรเจกต์ให้คุณ การเลือกเทมเพลตจะบอก agent ถึงรูปแบบเอาต์พุต (เด็คสไลด์ ชุดหน้าจอมือถือ UI mockup) พร้อมโหลดตัวแสดงผลและการตรวจสอบที่เหมาะสม; ส่วน Blank จะปล่อยให้บรีฟเป็นผู้กำหนดรูปแบบ
เขียนบรีฟแรก
บรีฟแรกที่ดีควรมีไอเดีย กลุ่มเป้าหมาย และฟีลลิง — หนึ่งถึงสองประโยค ไม่ใช่ spec "landing page สำหรับบริการกาแฟแบบสมัครสมาชิก — โทนมืด สไตล์ editorial ฟอนต์มั่นใจ" ก็พอแล้ว ส่งด้วย Send แล้วการรันจะเริ่ม: composer แสดง agent กำลังทำงาน และแผง preview ค่อย ๆ เติมเต็มตามที่ไฟล์จริงลงในโฟลเดอร์ โปรเจกต์
เมื่อเทิร์นจบ เกตจะรายงานผล — Design checks เป็นสีเขียวหมายความว่าผลลัพธ์ ผ่านกฎของ kit (คอนทราสต์ ขนาดตัวอักษร เป้าหมายการแตะ นำทางที่ใช้งานได้ทุก ความกว้าง) ผลลัพธ์ยังคง live ในแผงขวา: ลอง hover คลิกผ่านดู ลากปรับ ความกว้างได้
ลอง steer สักครั้ง
ไม่ชอบพาดหัว? ⌥-click ตรงนั้นใน preview เขียนหนึ่งบรรทัด — "กระชับกว่านี้ ไม่เกินสองบรรทัด" — แล้วส่ง คอมเมนต์จะลงเป็นหมุดที่ agent อ่าน และเทิร์นถัดไป จะแก้เฉพาะจุดนั้นพอดี ถ้าอยากเปลี่ยนทิศใหญ่กว่านั้น เขียนตามหลังใน composer แทน
Tip: steer ที่ อะไร ไม่ใช่ อย่างไร "เพิ่มช่องว่างเหนือ fold" ดีกว่า "ใส่
margin-top: 4rem" — design kit จะแปลทิศทางของคุณเป็น token ที่ทั้ง โปรเจกต์ใช้สม่ำเสมอ
ไปต่อ: แอปมือถือออกแบบใหม่ผ่าน MCP
ลูปเดียวกันนี้สเกลไปถึงชิ้นงานที่ใหญ่กว่าได้ ตรงนี้โปรเจกต์ Mobile app สร้างแอปติดตามนิสัย — วง Today, สตรีก, หน้าจอสถิติ — ในสไตล์ SwiftUI เนทีฟ แล้ว MCP client (Cursor) ขับเทิร์นถัดไปจากนอกแอป: การออกแบบใหม่ที่ เปลี่ยนสีเน้น ทำวงให้หนาขึ้น และเพิ่มกราฟรายสัปดาห์
เทิร์นภายนอกลงมาเหมือนเทิร์นอื่น — ติดแท็ก via MCP · Cursor บนบับเบิล การรันไลฟ์ใน transcript และเกตรายงานเมื่อจบ สตูดิโอไม่เคยหยุด; ไคลเอนต์แค่ ใช้ API จริงของมัน
MCP — ขับสตูดิโอจาก agent ใดก็ได้ ครอบคลุม เซิร์ฟเวอร์ แผงการเข้าถึง และสิ่งที่ไคลเอนต์เรียกได้