- Google Labs ปรับโฉม Stitch ใหม่ทั้งหมดให้เป็นผืนผ้าใบออกแบบซอฟต์แวร์แบบ AI-native ที่แปลงภาษาธรรมชาติเป็น การออกแบบ UI คุณภาพสูง
- เปิดตัวแนวคิด "vibe design" ที่สร้างดีไซน์ได้จากการอธิบายเป้าหมายทางธุรกิจหรือประสบการณ์ผู้ใช้ โดยไม่ต้องมีไวร์เฟรม
- สามารถนำภาพ ข้อความ และโค้ดเข้ามาเป็นบริบทบนผืนผ้าใบแบบไร้ขอบเขตได้ และมี design agent ตัวใหม่ที่อนุมานภาพรวมทั้งโปรเจ็กต์
- แปลงดีไซน์แบบคงที่เป็น interactive prototype ได้ทันที และแก้ไขดีไซน์แบบเรียลไทม์ด้วยเสียงได้
- ทำหน้าที่เป็นสะพานเชื่อมกับเวิร์กโฟลว์การพัฒนาที่มีอยู่ เช่น Figma และ AI Studio ผ่าน MCP server, SDK และฟอร์แมต DESIGN.md
"vibe design" คืออะไร
- ท่ามกลางกระแสที่ AI เปลี่ยนวิธีสร้างซอฟต์แวร์อย่างรากฐาน Stitch ได้พัฒนาไปถึงขั้นทำให้ไอเดียเกิดขึ้นจริงตั้งแต่ กระบวนการออกแบบ
- แทนที่จะเริ่มจากไวร์เฟรมแบบเดิม เริ่มจากการอธิบาย เป้าหมายทางธุรกิจ ที่ต้องการบรรลุ อารมณ์ที่อยากสื่อให้ผู้ใช้รับรู้ และตัวอย่างอ้างอิงที่ให้แรงบันดาลใจ
- เป็นแนวทาง "vibe designing" ที่ช่วยสำรวจไอเดียหลากหลายได้อย่างรวดเร็ว และนำไปสู่ผลลัพธ์ที่มีคุณภาพสูงกว่า
ผืนผ้าใบออกแบบแบบ AI-native
- UI ของ Stitch ถูกออกแบบใหม่ทั้งหมด เพื่อมอบอินเทอร์เฟซแบบ AI-native ในรูปแบบ infinite canvas
- มีพื้นที่ให้ไอเดียเติบโตได้ตั้งแต่การระดมความคิดเริ่มต้นไปจนถึงต้นแบบที่ใช้งานได้จริง
- ขยายกระบวนการ diverge และ converge ที่มักเกิดขึ้นในงานออกแบบให้เด่นชัดยิ่งขึ้นบนผืนผ้าใบ
- สามารถ นำเข้าบริบทโดยตรง ลงบนผืนผ้าใบได้ ไม่ว่าจะเป็นภาพ ข้อความ หรือโค้ด
design agent ตัวใหม่
- design agent ตัวใหม่ที่ทำงานร่วมกับบริบทจำนวนมากบนผืนผ้าใบ สามารถอนุมานความคืบหน้าของทั้งโปรเจ็กต์ได้
- เปิดตัว Agent Manager สำหรับใช้เมื่อต้องการสำรวจทิศทางที่หลากหลายมากขึ้น
- ติดตามความคืบหน้าและทำงานกับหลายไอเดีย แบบขนาน ได้ พร้อมคงความเป็นระเบียบ
ระบบออกแบบด้วย DESIGN.md
- ขยาย toolkit ของระบบออกแบบเพื่อให้ทำงานด้วยบริบทที่ลึกขึ้นได้
- สามารถ ดึงระบบออกแบบ จาก URL ใดก็ได้ หรือส่งออก/นำเข้ากฎการออกแบบในรูปแบบ DESIGN.md ซึ่งเป็นไฟล์ Markdown ที่เป็นมิตรกับ agent
- สามารถนำดีไซน์ไปใช้กับโปรเจ็กต์ Stitch อื่นได้ จึง ไม่จำเป็นต้องเริ่มใหม่ทุกครั้ง
- รองรับการแชร์กฎการออกแบบกับเครื่องมือออกแบบและเขียนโค้ดอื่น ๆ
การทำซ้ำอย่างรวดเร็วและการทำต้นแบบ
- แปลงดีไซน์แบบคงที่ให้เป็น interactive prototype ได้ทันที เพื่อทดลองเส้นทางการใช้งานของผู้ใช้ได้เลย
- เชื่อมหน้าจอเข้าด้วยกันเป็น "Stitch" ภายในไม่กี่วินาที แล้วคลิกปุ่ม "Play" เพื่อพรีวิว app flow แบบโต้ตอบ
- สร้าง หน้าจอถัดไปที่สมเหตุสมผลโดยอัตโนมัติ ตามการคลิก ช่วยทำแผนผังเส้นทางผู้ใช้ได้ง่าย
- มี feedback loop ที่รวดเร็ว สำหรับการแก้ไของค์ประกอบรายชิ้นหรือเปลี่ยนทั้ง flow ได้ในคลิกเดียว
การทำงานร่วมกันด้วยเสียง
- เพิ่มฟีเจอร์ พูดด้วยเสียงโดยตรง บนผืนผ้าใบ
- agent ให้ คำวิจารณ์ด้านดีไซน์ แบบเรียลไทม์ ออกแบบ landing page ในลักษณะบทสัมภาษณ์ และอัปเดตแบบสด
- สามารถขอได้ เช่น "ขอแสดงตัวเลือกเมนู 3 แบบ" หรือ "แสดงหน้าจอนี้ด้วยชุดสีอื่น"
- AI ทำหน้าที่เป็น sounding board ช่วยค้นหาไอเดียที่ดีที่สุดผ่านบทสนทนาและคำวิจารณ์แบบไดนามิก
- รองรับ การโต้ตอบแบบแฮนด์ฟรี โดยยังคงรักษา creative flow ไว้
จากดีไซน์สู่โค้ด: MCP, Skills, การส่งออก
- ผ่าน MCP server และ SDK ของ Stitch ทำให้สามารถใช้ความสามารถของ Stitch เป็น skills (2.4k stars) และเครื่องมือได้
- รองรับ การส่งออกดีไซน์ไปยังเครื่องมือสำหรับนักพัฒนา เช่น AI Studio และ Antigravity
- ทำหน้าที่เป็น สะพานเชื่อมกับทุกเครื่องมือ ในเวิร์กโฟลว์ของทีม เพื่อไม่ให้ความร่วมมือระหว่าง AI กับนักพัฒนาสะดุด
ผู้ใช้เป้าหมายและการเข้าถึง
- มุ่งเป้าไปทั้งที่ นักออกแบบมืออาชีพ ที่ต้องการสำรวจหลายสิบรูปแบบ และ ผู้ก่อตั้งสตาร์ตอัป ที่ต้องการสร้างไอเดียซอฟต์แวร์ชิ้นแรก
- เป้าหมายคือทำให้ช่องว่างจากไอเดียสู่ความเป็นจริงแคบลงภายใน ไม่กี่นาทีแทนที่จะเป็นหลายวัน
- ขณะนี้เปิดให้ใช้งานเป็นภาษาอังกฤษสำหรับผู้ที่มีอายุ 18 ปีขึ้นไป ในประเทศที่รองรับ Gemini
2 ความคิดเห็น
กำลังลองใช้อยู่ แต่... ก็ยังไม่ค่อยแน่ใจครับ
อาจเป็นเพราะพรอมป์ของผมแปลกก็ได้ แต่ฟอนต์กับดีไซน์มันค่อนข้างเชยครับ..
คงยังไม่ถึงขั้นพูดได้ว่า "Google ฆ่า Figma แล้ว" แต่ก็ดูเรียบร้อยดีนะ
ถ้าไม่ใช่พวก power user ของ Figma ก็อาจมีหลายคนที่พอใจกับระดับนี้
หุ้น Figma กำลังร่วงลงมาเรื่อย ๆ เลย