ปัญหา design-to-code ที่ทีม product เจอกันมาเป็นสิบปี
Wonder เพิ่งเปิดตัวแบบ public alpha บน Product Hunt — 270 upvotes — ด้วยคอนเซ็ปต์ที่อยากปิด gap ตรงนี้ในที่เดียว
แทนที่จะเป็น Figma → handoff → Dev ทำใหม่ — Wonder รวมทุกอย่างไว้บน canvas เดียว: คุณ chat สั่ง AI agent ออกแบบ → AI วางบน canvas → คุณคลิก element ใดๆ ก็ได้แล้วบอกให้ปรับสด → ทุกสิ่งที่เห็นเป็น production-ready code ไม่ใช่ภาพ static แบบ Figma
รองรับการสร้าง:
• Website / Landing page
• Mobile UI
• Graphic / Pitch deck
• Component reusable
จุดที่ผม impress มากสุดคือ MCP integration — เชื่อม Wonder เข้ากับ Cursor หรือ Claude Code ได้เลย designer ทำใน Wonder, dev เขียนโค้ดใน Cursor, แต่ทั้งคู่ทำงานบน source เดียวกัน ไม่ต้อง handoff อีกต่อไป
มีคนใน comment ตั้ง valid concern ไว้ว่า — ถ้า dev แก้โค้ดฝั่ง Cursor ไปแล้ว design ใน Wonder จะ sync กลับมั้ย? Maker ยังไม่ตอบเคลียร์ — ส่วนนี้อาจเป็น gap ที่ทีมต้องดูก่อน adopt เต็ม
แต่ direction น่าตื่นเต้นมาก — KP จาก Netlify บอกว่านี่อาจเป็นหนึ่งใน step สำคัญที่ปิด gap design-to-code ที่ "broken teams for years"
ตอนนี้ public alpha มี free tier ให้ลองก่อน — ลองที่ wonder.design
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac