นี่คือวิธีที่ผมใช้ Claude Design แบบไม่เสียเงิน ไม่ติด Limit (รองรับ AI จากค่ายอื่น Gemini CLI, Codex ก็ใช้ได้)

ช่วงนี้ไม่ว่าไถฟีดเล่นที่แพตฟอร์มไหน ก็เจอแต่ Claude Design กันใช่มั้ยครับ ก็ไม่ใช่เรื่องแปลกอะไร ก็มันโหดซะขนาดนั้น คนธรรมดา ๆ ที่ไม่มีสกิลออกแบบ ก็สามารถเสกดีไซน์สวย ๆ ได้แบบมือโปรเลย

แถมสั่งแก้ได้ไม่จำกัด ถ้ายังมีเงินจ่ายค่า Token และไม่โดนพี่ Claude แก้ Limit เอา

แต่สำหรับคนที่อยากใช้งานเยอะ ๆ แถมหงุดหงิดทุกครั้งที่เจอ Limit เพราะงั้นวันนี้เอฟเลยเอาเครื่องมือ ที่ชื่อว่า Open Design มาฝาก

มันเป็นเหมือนร่างแยกของ Claude Design เลย แต่อันนี้ใช้ได้ฟรี ไม่ต้องสมัครสมาชิกสักบาท ไม่มีติด Limit อยากจะรันเล่นทั้งวันก็ทำได้ ก่อนมาทำโพสต์นี้ เอฟไปลองเล่นมา 1 วันเต็ม ๆ

ใครที่อยากรู้วิธีตั้งแต่ติดตั้ง การใช้งานจริง พร้อม Deploy website แชร์ให้เพื่อนเล่นได้ ห้ามพลาดเนื้อหาในวันนี้เลย ว่าแต่จะมีขั้นตอนอะไรบ้าง ไปอ่านกันต่อได้เลยค้าบบ

1. Open Design คืออะไร

เครื่องมือ AI ที่ให้เราพิมพ์แชทสั่ง เพื่อเสกหน้า UI สวย ๆ ออกมาได้ แถมสามารถ Comment เพื่อแก้ไขจุดที่ไม่ชอบ ได้โดยไม่ต้องมีความรู้เรื่องการออกแบบเลย

ทั้งเว็บไซต์, แอป หรือจะทำสไลด์นำเสนองานก็ได้ทั้งหมด

ที่สำคัญฟรี ไม่มีติดลิมิตเหมือน Claude Design

2. แล้วมันติดตั้งยากมั้ย เขียนโค้ดไม่เป็นทำได้รึป่าว?

วิธีติดตั้งง่ายมาก ๆ ครับ

• ติดตั้ง antigravity

โปรแกรมแก้ไขและจัดการโค้ด อารมณ์เหมือน Word ที่ใช้ทำรายงาน แต่อันนี้เอาไว้เขียนโค้ดครับ ที่สำคัญมันมาพร้อมกับ AI agent ให้คุณได้ใช้ฟรี ไม่ต้องเสียเงินสักบาท

• ติดตั้ง Node.js

"สภาพแวดล้อม (Runtime Environment) ที่ทำให้เราสามารถรันภาษา JavaScript นอกเว็บเบราว์เซอร์ได้"

อันนี้เอฟถาม Gemini มานะ ไม่รู้จะอธิบายยังไง 555

• ติดตั้ง Open Design

ด้วยการสร้าง Folder ในคอมของคุณ แล้วเปิด antigravity ขึ้นมา แล้วเลือก Folder ที่พึ่งสร้างไป วางคำสั่งนี้ลงไป https://github.com/nexu-io/open-design.git พร้อมกับบอก AI ว่าติดตั้งให้หน่อย ในช่องแชททางขวา

จากนั้นมันจะรันคำสั่งเพื่อติดตั้งและเปิด Open Design มาให้ใช้ครับ จะเป็น Link แบบนี้ http://127.0.0.1:65118 พอกดเข้าไปก็ใช้งานได้แล้วครับ

3. มา Vibe Design กัน

หลังจากเข้ามาที่ Open Design หน้าตาและการทำงานของมัน ก็แทบจะเหมือน Claude Design ใครที่เคยใช้มาก่อน ไม่ต้องปรับตัวอะไรเลย

กดสร้างโปรเจค เลือก System Design ที่มีในระบบ หรือจะสร้างเองก็ทำได้ครับ

4. แปลง Design to Code

หลังจากได้งานออกแบบที่เราชอบแล้ว ก็สามารถ Export ไฟล์ Zip เพื่อนำไปให้ AI สร้างตัวเว็บจริงให้ได้เลย ในวันนี้เอฟใช้ AI จาก Antigravity

เผื่อเพื่อน ๆ คนไหนไม่ได้สมัครเอไอไว้ สายฟรีก็ใช้งานได้เหมือนกันครับ แต่ถ้าใครใช้ Claude, Codex อยู่ ก็ทำเหมือนกันเลย

5. Deploy Web ให้เพื่อนเล่นได้

หลังจากสร้างเว็บขึ้นมาจริง ๆ แล้ว ก็ไปสร้าง Repo ที่ GitHub เหมือนสร้าง Folder ใน Google Drive เพื่อเก็บไฟล์โค้ดของโปรเจกต์ไว้ที่ GitHub

จากนั้นไปที่ netlify แล้วล็อกอิน พร้อมกับ Create Project เลือก Project ที่เก็บไว้ใน GitHub จากนั้นก็ตั้งชื่อและ Deploy ได้เลย

แค่นี้ก็เสร็จแล้วค้าบบ

สรุปแบบหล่อเท่

เป็นไงกันบ้างครับ อ่านมาถึงตรงนี้ พอจะเห็นภาพบ้างมั้ย?

update! ดูวิดีโอสอนใช้งานได้ที่นี่

แต่พอโลกเรามีเครื่องมือเก่ง ๆ แบบนี้ ทำให้เอฟรู้สึกเลยว่า การทำงานคนเดียวมันสนุก และง่ายขึ้นกว่าเมื่อก่อนมาก ๆ

จากที่ต้องคอยพึ่งคนอื่น เพราะทำเองไม่เป็น หรือจ้างให้คนอื่นทำให้ ตอนนี้แค่เรามีไอเดียบวกกับการรู้จักใช้เครื่องมือ เพื่อมาช่วยทุ่นแรง และประหยัดเวลา

แค่นี้เราก็ลุยโปรเจกต์เองได้ตั้งแต่ต้นจนจบเลย

วิถีการทำงานสไตล์นี้แหละครับ ที่เป็นหัวใจหลักของ OPB (One Person Business)

สำหรับใครที่ชอบความอิสระ อยากลองปั้นโปรเจกต์ หรือสร้างธุรกิจเล็ก ๆ ด้วยตัวคนเดียว แต่ยังจับต้นชนปลายไม่ถูก ไม่รู้ต้องเริ่มยังไง

เอฟเพิ่งทำคู่มือที่ชื่อว่า OPB's Missing Manual ออกมาครับ เป็นการเอาประสบการณ์ลองผิดลองถูกเกือบ 2 ปี มาย่อยเป็นวิธีคิดและระบบที่คนทำงานคนเดียวต้องรู้ ตั้งแต่พื้นฐานการทำธุรกิจ การสร้าง Attention

เล่าเรื่องให้มีคนอ่านมากกว่า 1 ล้านครั้งในโพสต์เดียว ผ่านการเขียน ไม่ต้องทำคลิปสั้นเหมือนที่หลาย ๆ คนคิด และปิดท้ายด้วยการเขียน Offer เพื่อหาเงิน 10K แรกจากโลกออนไลน์

ใครสนใจว่าธุรกิจตัวคนเดียวเขาทำกันยังไง ดูรายละเอียด OPB's Missing Manual ที่นี่ ได้เลยค้าบบ