Free Online Wireframe Creator

ชอบดูตัวอย่างการทำ wireframe ของชาวบ้านเขาผ่านทางสองเว็บนี้คือ https://wireframes.tumblr.com/ กับ https://wireframes.linowski.ca/ มีตัวอย่างให้ดูเยอะ ทั้งที่เขียนมือ กระดาษติด และมีหลายอันที่รูปแบบคล้ายๆกัน เลยคิดว่ามันน่าจะมาจากโปรแกรมตัวเดียวกัน เลยลองค้นดู พบว่ามีเครื่องมืออยู่หลายอันที่ทำได้ พอดีว่าช่วงนี้ชอบโปรแกรม web-base เลยถูกใจตัวนี้

MockFlow.com

MockFlow ดูแล้ว wireframe ส่วนใหญ่ที่เจอน่าจะมาจากเว็บนี้ ทำได้ทั้งสำหรับ website และ software มี template ของทั้งหน้าจอคอม iPhone, iPad, Facebook app, etc. เครื่องมือเพียบพร้อม แต่มีกั๊ก อยากใช้เต็มที่ต้องจ่ายตังค์ สำหรับเราใช้ทำเล่นๆ แบบฟรีก็เพียงพอแล้ว

ตัวอย่างการใช้งาน

ถ้าใครไม่ชอบพวกกั๊กฟีเจอร์ก็ลองอีกตัวนี้ก็ได้ https://gomockingbird.com/ ทั้งสองตัวนี้ทำเป็น Chrome Web Apps ไว้ใช้แล้ว

MockFlow : เขียนแบบร่างของโปรแกรม หรือแบบร่างของเว็บไซต์

mockingbird : เขียนแบบร่างเว็บไซต์