Designeer คือเว็บรวมเครื่องมือและแหล่งแรงบันดาลใจสำหรับ Design…
ก่อนไปต่อ ขอเล่าก่อนว่า Design Engineer คือใคร ปกติงานทำหน้าจอจะแบ่งเป็นสองฝั่ง ดีไซเนอร์ออกแบบใน Figma แล้วส่งให้โปรแกรมเมอร์เอาไปเขียนโค้ด ระหว่างทางมักมีอะไรเพี้ยนไปนิดหน่อย จังหวะแอนิเมชันไม่เหมือน ระยะห่างไม่ตรง ความรู้สึกตอนกดไม่ได้อย่างที่ตั้งใจ
Design Engineer คือคนที่ทำได้ทั้งสองฝั่งในคนเดียว ออกแบบเองแล้วเขียนโค้ดหน้าบ้านลงของจริงเอง เลยคุมรายละเอียดเล็ก ๆ ได้ครบ ทั้งแอนิเมชัน hover ตัวอักษร ไปจนถึง design system และ component ที่ทีมใช้ร่วมกัน
ยุคที่ AI เขียนโค้ดให้ได้เยอะขึ้น ผมว่าตำแหน่งนี้ยิ่งน่าสนใจ เพราะของที่ยังแยกงานธรรมดากับงานดีคือรสนิยมกับความใส่ใจในรายละเอียด ซึ่งเป็นสิ่งที่ Design Engineer ถนัดที่สุด
กลับมาที่ตัวเว็บ ชื่อ Designeer คือเอา Designer กับ Engineer มารวมกัน ตัว e ที่เกินมาหนึ่งตัวแทนสะพานระหว่างดีไซน์กับวิศวกรรม คนทำชื่อ Dhruv เป็น Design Engineer เอง เริ่มจากเก็บ bookmark ส่วนตัวแล้วค่อยเปิดเป็นเว็บ
หมวดหลักมี Inspiration ที่รวมแกลเลอรีงานดีไซน์อย่าง Mobbin, Land-book หรือแกลเลอรีเฉพาะ navbar กับ footer มี Components ที่รวม UI library และตัวทำแอนิเมชัน มี Build ที่รวมเครื่องมือสร้างเว็บ coding agent และที่ deploy มี Visuals ที่รวมฟอนต์ สี และ asset แล้วก็ Utilities
ที่ผมชอบคือเขาเขียนกติกาไว้ชัด ทุกตัวที่อยู่ในเว็บเขาบอกว่าเปิดลองใช้จริงก่อนใส่ ไม่มีการจัดอันดับ และลิสต์ปกติซื้อที่ไม่ได้ มีช่องสปอนเซอร์แค่ช่องเดียวที่ติดป้ายไว้ชัด แถมมีไฟล์ llms.txt กับ WebMCP ให้ AI agent อ่านรายการทั้งหมดได้ด้วย
ใครทำงานหน้าจอ ไม่ว่าจะเป็นดีไซเนอร์ที่อยากเขียนโค้ด หรือโปรแกรมเมอร์ที่อยากให้งานสวยขึ้น เก็บ bookmark ไว้ได้เลยครับ
designeer.xyz
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac