diagram-design คือของฟรีบน GitHub ที่ทำให้ AI…
คนทำชื่อ Cathryn Lavery เธอเป็นคนก่อตั้ง BestSelf.co และเขียนบล็อกของตัวเอง เหตุผลที่ทำมันเรียบง่ายมาก เธอบอกว่าทุกครั้งที่ต้องการไดอะแกรมสักอันสำหรับบทความ เธอจะขอ AI แล้วได้กล่องมนหน้าตากลาง ๆ กลับมา ซึ่งวางลงเว็บตัวเองแล้วดูไม่เข้ากันเลย สุดท้ายก็ต้องไปนั่งสู้กับ Figma อีกครึ่งชั่วโมง หรือไม่ก็ตัดสินใจไม่ใส่ไดอะแกรมไปเลย
สิ่งที่เธอทำคือเขียนคู่มือให้ AI ทำงานแทน มี 27 แบบให้เลือก ตั้งแต่แผนผังระบบ ผังงาน เส้นเวลา ตารางสี่ช่อง พีระมิด แผนภูมิแท่ง ไปจนถึงผังองค์กร ทุกอันออกมาเป็นไฟล์ HTML ไฟล์เดียวที่ดับเบิลคลิกเปิดได้เลย ไม่ต้องต่อเน็ต ไม่มีสคริปต์ และส่งออกเป็น PNG หรือ SVG เข้า Figma ต่อได้
ฟีเจอร์ที่ผมว่าฉลาดที่สุดคือการดูดแบรนด์ คุณบอกมันแค่ว่าเว็บคุณอยู่ไหน มันจะเข้าไปอ่านหน้าเว็บ ดึงสีพื้น สีตัวอักษร สีปุ่ม และฟอนต์ออกมา แล้วเอามาใช้กับทุกไดอะแกรมที่วาดต่อจากนั้น สีพื้นเว็บกลายเป็นพื้นไดอะแกรม สีปุ่มกลายเป็นสีเน้น ใช้เวลาหกสิบวินาที
ที่ละเอียดกว่านั้นคือมันตรวจค่าความต่างของสีให้ด้วย ถ้าสีบนเว็บคุณอ่านไม่ออกตอนย่อลงมาเหลือขนาดตัวอักษรในไดอะแกรม มันจะเสนอค่าที่ปรับแล้วพร้อมบอกเหตุผล และมันจะไม่ยอมวาดด้วยสีมาตรฐานเงียบ ๆ ในโปรเจกต์ที่มีแบรนด์อยู่แล้ว มันจะหยุดถามก่อนว่าจะตั้งค่าไหม
มีอีกอย่างที่ผมชอบมาก มันเอาไฟล์ไดอะแกรมเก่าของคุณจาก draw.io หรือ Mermaid มาวาดใหม่ได้ เนื้อหาเดิม แต่เปลี่ยนหน้าตาเป็นระบบนี้ แล้วเลือกได้ว่าจะเอาไปใช้ที่ไหน ลงสไลด์ก็ปรับตัวหนังสือให้ใหญ่ขึ้น ลงเว็บก็อีกขนาด และเลือกได้ว่าจะพูดกับใคร ถ้าบอกว่าผู้บริหารอ่าน คำว่า Auth Service JWT RS256 พอร์ต 8443 จะกลายเป็นคำว่าเข้าสู่ระบบเฉย ๆ
ทุกครั้งที่แปลงเสร็จมันจะบอกด้วยว่าตัดอะไรทิ้งไปบ้าง รวมกล่องไหนเข้าด้วยกัน ทิ้งโน้ตอันไหน อันนี้ผมว่าซื่อสัตย์ดี เพราะคุณเป็นคนรู้ไฟล์ต้นฉบับดีที่สุด ยังไงก็ต้องสังเกตออกอยู่แล้ว
แต่ประโยคที่ผมชอบที่สุดในหน้า README ไม่ใช่เรื่องฟีเจอร์เลย เธอเขียนไว้ว่าการตัดสินใจที่มีคุณภาพสูงที่สุดมักจะเป็นการลบ ทุกกล่องต้องมีเหตุผลของการมีอยู่ และสีเน้นสงวนไว้ให้แค่หนึ่งถึงสองสิ่งที่คนอ่านควรมองก่อน
เธอยังมีหัวข้อบอกด้วยว่าเมื่อไหร่ไม่ควรใช้ของเธอ ถ้าเป็นแค่การเรียงรายการ ให้ใช้ตารางหรือหัวข้อย่อย ถ้าเป็นการเทียบก่อนหลัง ให้ใช้ตาราง ถ้าไดอะแกรมมีกล่องเดียว ให้เขียนเป็นประโยคไปเลย แล้วปิดด้วยคำถามที่ผมว่าควรถามตัวเองทุกครั้งก่อนวาดอะไร คนอ่านจะได้อะไรจากภาพนี้มากกว่าการอ่านย่อหน้าที่เขียนดี ๆ หนึ่งย่อหน้าไหม ถ้าไม่ ก็อย่าวาด
เห็นแบบนี้แล้วผมว่าที่มันดังไม่ใช่เพราะวาดรูปได้ 27 แบบครับ เครื่องมือวาดรูปมีเยอะแยะ แต่เพราะมันเขียนรสนิยมของคนที่รู้เรื่องออกแบบจริง ๆ ลงไปเป็นตัวหนังสือให้ AI อ่าน ของแบบนี้ AI คิดเองไม่ได้ ต้องมีคนบอก
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac