Stitch (Beta version) จาก Google เพิ่งปล่อย version ใหม่ออกมาให้ใช้งาน
ซึ่งจะเรียกตัวเองว่า Vibe design partner
โดยทำการเพิ่มความสามารถใหม่ ๆ มาดังนี้
- AI-Native canvas
- Smart design agent
- สั่งงานด้วยเสียง
- Instant prototype
- มี Design system และเพิ่มไฟล์ DESIGN.md เข้ามา
มาลองใช้งานกันดู
เริ่มต้นเข้าไปที่ Stitch และสมัครสมาชิกก่อน
จากนั้นเริ่มสร้าง UI จากการเขียน prompt ขึ้นมา
เพื่อทำการ review และ แก้ไขวนไปเรื่อย ๆ จนกว่าจะพอใจ
สิ่งที่น่าสนใจมาก ๆ คือ
ตัวระบบจะทำการสร้าง Design system มาให้ก่อน
จากนั้นจึงทำการสร้าง UI ของหน้าจอระบบที่สั่งไป
ได้ทั้ง web หรือ mobile app ได้เลย ดังรูป
จากนั้นเราทำการแก้ไขเองได้เลย
หรือผ่าน prompt ก็ได้ หรือเสียงก็ได้
หรือทำการ import file ต่าง ๆ เข้ามาได้
รวมทั้งยังสามารถให้สร้าง UI ออกมามากกว่า 1 รูปแบบได้อีกด้วย
โดย Design system นั้นสามารถ export ออกมาเป็นไฟล์ DESIGN.md ได้เลย
จากเดิมจะมี README.md เอาไว้ให้คนอ่าน
และมี AGENTS.md เอาไว้ให้ AI agent for coding อ่าน
และล่าสุด DESIGN.md เป็นอีกไฟล์ที่เพิ่มเข้ามา สำหรับให้ AI agent for design อ่าน
เพื่อใช้งานการ generate ต่อไป
ซึ่งช่วยให้การ generate มีความเข้ากันตามสิ่งที่กำหนดไว้ทั้งระบบ
แสดงดังรูป
ในแต่ละหน้าจอนั้น สามารถทำการ export ไปยังไฟล์ต่าง ๆ ได้เพียบ
ทั้ง AI studio, Figma, Jules, zip file ที่มี HTML/CSS/JS, MCP
หรือให้เขียนคำอธิบายของ project ออกมาก็ได้
หรือ copy HTML code ออกมาได้เลย
จากที่ลอง export มาเป็น HTML code แล้ว ตรงมาก ๆ
รวมทั้งยังมี instant prototype ให้ใช้งานระบบแบบ interactive ได้
ลองวาดรูปเล่น ๆ มั่ว ๆ เพื่อให้ลองสร้างออกมานิดหน่อย
ก็พอทนนะ !!
ลองใช้งานกันดูครับ
สำหรับฝั่งของ User interface
เป็นอีกเครื่องมือที่น่าสนใจในการพัฒนาระบบงาน
