1DesignTool คือสตูดิโอออกแบบบนเดสก์ท็อปที่เปลี่ยนบรีฟที่เขียนไว้ให้กลายเป็น ดีไซน์ที่ใช้งานได้จริง — HTML, CSS และ JS จริงในโฟลเดอร์โปรเจกต์จริง — โดยขับเคลื่อน coding agent ที่คุณติดตั้งไว้อยู่แล้ว Claude Code, Codex, Cursor Agent, Devin และ CLI ตัวอื่น ๆ ที่รองรับเป็นผู้สร้าง ส่วน 1DesignTool มอบสตูดิโอให้ agent เหล่านั้น: live preview, กฎของ design kit, เครื่องมือ steering และการ export ที่ลงบนดิสก์ ของคุณเอง
รูปแบบการทำงาน
คุณเขียนสิ่งที่ต้องการ — "landing page สำหรับบริการกาแฟแบบสมัครสมาชิก โทนเงียบ ๆ สไตล์ editorial" — แล้ว agent ก็สร้างมันให้ ผลลัพธ์ไม่ใช่ภาพ mockup หรือ canvas ของรูปทรงต่าง ๆ: มันคือโฟลเดอร์ของไฟล์ที่คุณเปิด แก้ไข fork และส่งออกได้จริง แผง preview เฝ้าดูโฟลเดอร์นั้นอยู่ตลอด ดีไซน์บนหน้าจอจึงเป็นดีไซน์เดียวกับบนดิสก์ เสมอ
การแบ่งหน้าที่นี้คือประเด็นสำคัญ agent เก่งเรื่องการร่างฉบับแรกอย่างรวดเร็ว ส่วนคุณ เก่งเรื่องการบอกว่าอะไร "ถูก" 1DesignTool สร้างขึ้นรอบการส่งต่องานนี้: agent เป็นผู้สร้าง คุณเป็นผู้ steer — ด้วยการเลือกองค์ประกอบ เขียนความคิดเห็น ปรับตัวควบคุม tweak หรือส่งงานกลับเข้าเกตที่เข้มงวดขึ้น
Local-first และ agent ของคุณคือเอนจิน
โปรเจกต์อยู่ในโฟลเดอร์ที่คุณเลือก การรันผ่าน agent CLI ของคุณเองและบัญชีของคุณเอง — แอปไม่เคยขอ API key สำหรับ agent จากคุณ และไม่เคยส่งงานของคุณผ่านเซิร์ฟเวอร์ ที่มันเป็นเจ้าของ สิ่งที่ agent สร้างจะถูกตรวจโดย design kit: คอนทราสต์ ขนาดตัวอักษรขั้นต่ำ ขนาดเป้าหมายการแตะ และการนำทางที่ใช้งานได้ทุกความกว้าง ดีไซน์ที่ไม่ผ่านเกตจะบอกคุณชัดเจนว่าติดตรงไหน
คุณสร้างอะไรได้บ้าง
เทมเพลตสิบสี่แบบครอบคลุมงานที่ทีมเล็กส่งจริง: UI mockup และ wireframe, เด็คสไลด์, หน้าจอแอปมือถือ, เว็บไซต์อินเทอร์แอกทีฟ, brand kit และโลโก้, อ็อบเจกต์และฉาก 3D, แอนิเมชัน, เรซูเม่, อินโฟกราฟิก, อีเมล HTML, เอกสาร และอื่น ๆ แต่ละเทมเพลตมาพร้อม ตัวแสดงผลที่ปรับให้เข้ากับเอาต์พุตของมัน — เด็คได้ตัวแสดงสไลด์ อีเมลได้ preview ตามความกว้างของ email client 3D ได้ viewport แบบ orbit
Tip: เริ่มจากเทมเพลต ไม่ใช่หน้าเปล่า เทมเพลตบอก agent ถึงรูปแบบเอาต์พุต ตัวแสดงผล และการตรวจสอบที่ใช้ — บรีฟของคุณจึงแค่ต้องมีไอเดีย