สรุปจากคลิป ดูคลิปต้นฉบับ

Google Design.md สูตรแก้ AI Slop ให้เว็บและแบรนด์ดูมีรสนิยม

ปัญหาของงานที่สร้างด้วย AI ไม่ได้อยู่ที่ “ทำไม่ได้” แต่อยู่ที่ “หน้าตาเหมือนกันไปหมด” หน้าเว็บโทนม่วงไล่สี ปุ่มแบบเดิม เลย์เอาต์แบบเดิม และพอขยับจากหน้าแรกไปหน้าถัดไป งานก็เริ่มหลุดธีมทันที สิ่งนี้คือสิ่งที่หลายคนเรียกว่า AI slop ซึ่งเป็นปัญหาใหญ่สำหรับเจ้าของธุรกิจที่อยากใช้ AI สร้างเว็บ สไลด์ วิดีโอ หรือแอป แต่ไม่อยากได้งานสำเร็จรูปที่ดูเหมือนคนอื่น

ในคลิปของ Greg Isenberg ที่คุยกับ Meng To มีประเด็นที่น่าสนใจมากคือ Google Design.md และแนวคิดเรื่อง skills ซึ่งถูกอธิบายว่าเป็นวิธีเก็บ “DNA ของงานออกแบบ” แล้วพาไปใช้ต่อได้ข้ามเครื่องมือ ข้าม format และข้าม medium บทความนี้จะสรุปแก่นของแนวคิดนั้น พร้อมวิเคราะห์ต่อว่า ถ้าเอามาใช้กับธุรกิจไทย เราควรเริ่มตรงไหน และควรระวังอะไรบ้าง

สารบัญ

• Step 1: เข้าใจก่อนว่า Design.md คืออะไร และทำไมคนทำธุรกิจควรสนใจ
• Step 2: แยกให้ออกระหว่าง template กับ design system
• Step 3: ใช้ reference ให้ถูกวิธี อย่าก๊อปหน้าเว็บทั้งก้อน
• Step 4: เติม skills เข้าไปเพื่อให้แบรนด์ไม่ดูโหล
• Step 5: สร้างงานจาก Design.md + HTML reference + prompt ที่ชัด
• Step 6: เข้าใจความต่างระหว่าง iteration กับ remix
• Step 7: ยอมรับว่าหน้าที่ใหม่ของคนทำงานคือ judgment ไม่ใช่ลาก pixel
• Step 8: สร้าง second brain ด้านดีไซน์ เพื่อไม่ให้ AI พาเราไปทางเดิมๆ
• Step 9: มองให้ไกลกว่าแค่เว็บ เพราะ Design.md ใช้กับสื่อหลายแบบ
• Actionable Insights
• Step 10: Troubleshooting ปัญหาที่มักเจอเมื่อทำตามแนวทางนี้
• Step 11: การต่อยอดที่น่าลองสำหรับธุรกิจไทย
• Step 12: สรุป Checklist ทั้งหมด

Step 1: เข้าใจก่อนว่า Design.md คืออะไร และทำไมคนทำธุรกิจควรสนใจ

ถ้าให้อธิบายแบบไม่ติดศัพท์เทคนิค Design.md คือไฟล์ข้อความที่เก็บกฎสำคัญของงานออกแบบเอาไว้ เช่น สี ตัวอักษร ระยะห่าง สไตล์ปุ่ม ภาษาภาพ การเคลื่อนไหวบางแบบ หรือแม้แต่ mood ของแบรนด์ เปรียบง่ายๆ มันไม่ใช่ “หน้าเว็บสำเร็จรูป” แต่เป็น “สูตร” ที่บอกว่าแบรนด์นี้ควรหน้าตาแบบไหน

จุดสำคัญคือ เมื่อเราแนบไฟล์นี้ไปกับ prompt ในเครื่องมือ AI มันจะช่วยให้สิ่งที่ถูกสร้างออกมาไม่หลุดธีมง่าย ไม่ว่าจะเป็น landing page, mobile mockup, slide deck หรือ motion graphic

สำหรับเจ้าของธุรกิจ นี่สำคัญมาก เพราะปัญหาที่เจอบ่อยคือ หน้าแรกสวย แต่พอให้ AI ทำหน้าสินค้า หน้าราคา หน้าเกี่ยวกับเรา หรือแบนเนอร์โฆษณา งานกลับดูคนละเรื่องกัน นั่นคือสิ่งที่ Meng เรียกว่า design drift หรืออาการที่ดีไซน์ค่อยๆ ไหลออกจากแกนเดิม

มุมที่น่าคิดคือ Design.md ไม่ได้แก้ทุกอย่าง แต่มันช่วยปรับจากการสั่ง AI แบบ “เอาสวยๆ” ไปสู่การสั่งแบบมีระบบมากขึ้น ซึ่งสำหรับคนทำธุรกิจ นี่แปลว่าแบรนด์เริ่มมีความต่อเนื่อง โดยไม่ต้องมีทีมออกแบบใหญ่ตั้งแต่วันแรก

Step 2: แยกให้ออกระหว่าง template กับ design system

หลายคนเริ่มจากการโหลด template ซึ่งไม่ผิด แต่ปัญหาคือ template มักให้ “ชิ้นงานสำเร็จ” มากกว่าจะให้ “หลักคิด” เราจึงทำซ้ำได้แค่หน้าตาเดิม และพออยากเปลี่ยนอะไร งานก็มักพังหรือหลุดคาแรกเตอร์ทันที

Meng เปรียบเทียบไว้ชัดเจนว่า HTML คืออาหารที่ปรุงเสร็จแล้ว ส่วน Design.md คือสูตรอาหาร และ skills คือวัตถุดิบ ถ้าเรามีแค่อาหารจานสำเร็จ เราอาจกินได้ครั้งเดียว แต่ถ้ามีสูตรกับวัตถุดิบ เราจะดัดแปลงเมนูต่อได้อีกเยอะ

ในเชิงธุรกิจไทย ความต่างตรงนี้ชัดมาก สมมติว่าเราทำคลินิกความงาม คาเฟ่ specialty coffee หรือ SaaS สำหรับงานบัญชี ถ้าใช้ template ล้วน เราอาจได้เว็บที่สวยพอใช้ แต่เหมือนอีก 50 เจ้าในตลาด ถ้าใช้ design system เราจะเริ่มนิยามได้ว่าแบรนด์เราควร “รู้สึก” แบบไหน เช่น หรูแต่ไม่เย็น เป็นมืออาชีพแต่ไม่แข็ง หรือเรียบแต่มีลูกเล่น

นี่คือจุดที่งานออกแบบเริ่มช่วยเรื่องยอดขาย ไม่ใช่แค่ช่วยเรื่องความสวย

Step 3: ใช้ reference ให้ถูกวิธี อย่าก๊อปหน้าเว็บทั้งก้อน

อีกประเด็นที่คลิปนี้พูดได้คมคือ งานที่ดีมักเริ่มจาก reference แต่ไม่ควรจบที่การก๊อป Meng แนะนำให้เริ่มจากหาแรงบันดาลใจจาก community, template gallery หรือ design library แล้วค่อย remix ไปเรื่อยๆ จนเจอทิศทางที่ใช่

คำว่า remix สำคัญมาก เพราะมันไม่ใช่การลอก แต่เป็นการหยิบองค์ประกอบที่ชอบมาปรับให้เข้ากับแบรนด์และเป้าหมายของเรา เช่น

• ชอบระบบ typography ของเว็บหนึ่ง
• ชอบ animation ของอีกเว็บหนึ่ง
• ชอบโครงสร้าง section ของอีกเจ้า
• ชอบ mood ของสีจากแบรนด์หนึ่ง แต่ไม่เอาทั้งหน้าตา

ถ้าเอามาใช้กับธุรกิจไทย เราควรเก็บ reference เป็นคลังของตัวเอง ไม่ว่าจะใน Notion, Pinterest หรือโฟลเดอร์รูปธรรมดา แล้วติด tag ให้ชัด เช่น “hero section แบบ premium”, “หน้า pricing แบบอ่านง่าย”, “สีสำหรับแบรนด์สุขภาพ”, “โมชั่นแบบ tech แต่ไม่ล้ำเกิน” สิ่งนี้คือ second brain ด้านงานออกแบบที่หลายธุรกิจยังไม่มี

มุมที่เห็นด้วยมากคือ ต่อให้ AI ช่วยสร้างงานได้เร็วขึ้น แต่รสนิยมยังต้องมาจากมนุษย์ ถ้าเราไม่มีคลัง reference ที่ดี AI ก็จะผลิตของเฉลี่ยๆ ให้เราอยู่ดี

Step 4: เติม skills เข้าไปเพื่อให้แบรนด์ไม่ดูโหล

ในคลิปมีอีกชั้นหนึ่งที่น่าสนใจมากคือคำว่า skills ซึ่ง Meng อธิบายว่าเหมือนวัตถุดิบเสริมที่ใส่เข้าไปใน prompt ได้ เช่น สไตล์ skeuomorphic, 3D, laser effects หรือแม้แต่ skill ด้าน copywriting

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

• แบรนด์เทคอาจใช้ motion หรือ light effects เพื่อทำให้หน้าแรกมีพลังมากขึ้น
• แบรนด์เพลงหรือครีเอทีฟอาจใช้ 3D object เพื่อให้เว็บดูมีมิติ
• แบรนด์ที่อยากได้ความย้อนยุคหรือความ tactile อาจใช้แนว skeuomorphic
• ทีมขายอาจใช้ skill ด้าน copywriting เพื่อให้หัวข้อและคำอธิบายคมขึ้น

อย่างไรก็ตาม ตรงนี้มีข้อควรระวัง ชิ้นส่วนพิเศษอย่าง laser หรือเอฟเฟ็กต์ต่างๆ ช่วยให้สะดุดตาได้จริง แต่ถ้าใช้ทุกจุด งานจะกลายเป็นโชว์เทคนิคแทนที่จะช่วยขายของ ธุรกิจจำนวนมากไม่ได้แพ้เพราะ “เว็บไม่ว้าวพอ” แต่แพ้เพราะข้อความไม่ชัด คุณค่าของสินค้าสื่อไม่ถึง และ CTA ไม่ตรง

ดังนั้น skills ควรถูกใช้เพื่อเสริมสารหลัก ไม่ใช่กลบสารหลัก

Step 5: สร้างงานจาก Design.md + HTML reference + prompt ที่ชัด

workflow ที่ Meng ใช้มีโครงสร้างที่คนทั่วไปนำไปปรับใช้ได้ แม้จะไม่เขียนโค้ดเองก็ตาม หลักคิดคือใช้ทั้ง Design.md และ HTML reference ร่วมกัน เพราะ Design.md ให้แกนของแบรนด์ ส่วน HTML ช่วยให้ AI เห็นภาพของผลลัพธ์ที่ต้องการชัดขึ้นในรอบแรก

ลำดับคร่าวๆ คือ

1. หาแบบที่ใกล้เคียงกับสิ่งที่ต้องการ
2. ดาวน์โหลดหรือเก็บทั้ง Design.md และ HTML reference
3. แนบเข้าไปใน prompt ของเครื่องมือที่ใช้อยู่
4. สั่งให้สร้าง landing page หรือ section ตามธุรกิจจริงของเรา
5. ค่อยๆ เพิ่ม footer, section, mobile version, slide หรือ motion ต่อจากระบบเดิม

หัวใจไม่ได้อยู่ที่ใช้ tool ไหน Meng ย้ำชัดว่าหลักการนี้ใช้ได้กับหลาย platform ไม่ว่าจะเป็น Aura, Codex, OpenClaw หรือเครื่องมืออื่นๆ เพราะสิ่งที่เราพกติดตัวไปคือ “ระบบออกแบบ” ไม่ใช่ไฟล์ของโปรแกรมใดโปรแกรมหนึ่ง

สำหรับธุรกิจไทย นี่มีประโยชน์มากกับทีมเล็ก เช่น ทีมการตลาด 2-3 คนที่ต้องทำทั้งเว็บ แบนเนอร์ presentation และโพสต์ social พร้อมกัน ถ้ามี design memory แบบนี้ งานทั้งหมดจะมีความเป็นแบรนด์เดียวกันมากขึ้น แม้สร้างจากหลายเครื่องมือ

Step 6: เข้าใจความต่างระหว่าง iteration กับ remix

Meng แบ่ง workflow ออกเป็น 2 แบบที่ใช้งานได้จริงมาก

• Iteration คือปรับของเดิมให้ดีขึ้นทีละนิด เช่น ปรับ spacing, เปลี่ยนหัวข้อ, เพิ่ม section, ทำให้ copy อ่านง่ายขึ้น
• Remix คือเอา DNA เดิมไปแปลงเป็น medium ใหม่ เช่น จาก landing page ไปเป็น mobile mockup, slide deck หรือ promo video

เขาบอกว่าตัวเองใช้ iteration ประมาณ 90% ของเวลา และ remix 10% ซึ่งฟังดูสมเหตุสมผลมาก เพราะธุรกิจส่วนใหญ่ไม่ได้ขาดไอเดียใหม่ตลอดเวลา แต่ขาดความสม่ำเสมอในการขัดเกลาของเดิม

นี่เป็นจุดที่คนใช้ AI มักพลาด เรามักหวัง one-shot prompt ที่ออกมาสวยทันที แต่ของจริง งานดีมักมาจากการแก้เยอะมาก Meng พูดตรงๆ ว่าบางโปรดักต์ใช้เป็นพัน prompt กว่าจะนิ่ง

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

Step 7: ยอมรับว่าหน้าที่ใหม่ของคนทำงานคือ judgment ไม่ใช่ลาก pixel

หนึ่งในประโยคที่คมที่สุดของคลิปนี้คือ โลกงานออกแบบกำลังขยับจากการ “ขยับพิกเซล” ไปสู่การ “ตัดสินใจให้ถูกต่อหนึ่งนาที” หรือ judgment per minute

ความหมายคือ AI จะช่วยทำงานเชิงกลได้มากขึ้น แต่คนยังต้องตัดสินใจว่า

• อันไหนเข้ากับแบรนด์
• อันไหนดูแพงแต่ไม่น่ากลัว
• อันไหนอ่านง่ายสำหรับลูกค้าจริง
• อันไหนควรตัดออกแม้จะดูเท่

นี่คือเหตุผลที่ “taste” หรือรสนิยมกลายเป็น moat สำคัญในยุค AI ไม่ใช่แค่สำหรับนักออกแบบ แต่รวมถึงเจ้าของธุรกิจ ผู้จัดการการตลาด และคนที่ต้องส่งงานออกสู่ตลาดเอง

ในอีกมุมหนึ่ง เราเห็นด้วยกับแกนคิดนี้ แต่ก็ต้องพูดตรงๆ ว่า taste ไม่ได้พอเสมอไป ถ้าไม่มีความเข้าใจลูกค้า งานที่สวยมากอาจยังขายไม่ได้ ดังนั้นสิ่งที่ควรจับคู่กับรสนิยมคือความเข้าใจ customer journey และข้อความที่คมพอจะพาคนไปสู่การตัดสินใจ

Step 8: สร้าง second brain ด้านดีไซน์ เพื่อไม่ให้ AI พาเราไปทางเดิมๆ

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

นี่คือคำแนะนำที่เอาไปใช้ได้เลยสำหรับเจ้าของธุรกิจไทย

• เก็บภาพเว็บ โปสเตอร์ แพ็กเกจจิ้ง หรือ UI ที่ชอบเป็นหมวดหมู่
• เขียนบันทึกสั้นๆ ทุกครั้งว่า “ชอบอะไร” ไม่ใช่แค่เซฟรูป
• แยกคลังตามแบรนด์ เช่น luxury, playful, minimal, trustworthy
• เก็บทั้งของใน niche ตัวเองและของนอกวงการ

ตัวอย่างเช่น ถ้าเราทำธุรกิจโรงแรม boutique ในไทย เราอาจไม่ได้ดูแค่เว็บโรงแรม แต่ดูเว็บน้ำหอม เว็บแฟชั่น หรือเมนูร้าน fine dining ด้วย เพราะภาษาภาพแบบ premium บางทีอยู่คนละอุตสาหกรรม

นี่คือวิธีฝึก taste ที่จับต้องได้กว่าการบอกให้ “ดูงานเยอะๆ”

Step 9: มองให้ไกลกว่าแค่เว็บ เพราะ Design.md ใช้กับสื่อหลายแบบ

อีกประเด็นที่ไม่ควรมองข้ามคือ Design.md ไม่ได้มีประโยชน์แค่กับหน้าเว็บไซต์ Meng แสดงให้เห็นว่า design DNA เดียวกันสามารถต่อยอดไปเป็นสไลด์ วิดีโอโปรโมต และ mobile design ได้

สำหรับธุรกิจ นี่แปลว่าแบรนด์สามารถส่งสารได้สม่ำเสมอมากขึ้นในทุก touchpoint เช่น

• หน้าเว็บไซต์เปิดตัวสินค้า
• สไลด์ขายงานให้ลูกค้า
• ครีเอทีฟโฆษณาสำหรับ social media
• วิดีโอสั้นสำหรับอธิบายบริการ
• mockup แอปสำหรับใช้ใน pitch deck

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

Actionable Insights

• เลิกสั่ง AI แบบกว้างๆ แล้วเริ่มเก็บกฎของแบรนด์เป็นข้อความ เช่น สี ฟอนต์ mood และตัวอย่างงานที่ชอบ
• สร้างคลัง reference ของตัวเอง โดยจัดหมวดตามอารมณ์และเป้าหมายทางธุรกิจ ไม่ใช่เซฟแบบปนกันหมด
• แยกงานเป็นรอบสั้นๆ หน้าแรกก่อน แล้วค่อยต่อ footer, pricing, FAQ, mobile อย่าหวัง one-shot
• ใช้ skills เฉพาะจุด เลือก 1-2 ลูกเล่นที่ช่วยแบรนด์จำง่าย แทนการยัดเอฟเฟ็กต์ทุกอย่าง
• วัดผลจากการสื่อสาร ไม่ใช่ความสวยอย่างเดียว ถ้างานสวยแต่คนไม่เข้าใจสินค้าก็ยังไม่จบ

Step 10: Troubleshooting ปัญหาที่มักเจอเมื่อทำตามแนวทางนี้

ปัญหา: งานรอบแรกสวย แต่หน้าถัดไปเริ่มหลุดธีม

สาเหตุ: ใช้แค่ prompt เดียว ไม่มี design system ที่ชัด

วิธีแก้: สรุปกฎแบรนด์เป็นข้อความให้ชัดก่อน แล้วแนบไปทุกครั้งที่สั่งสร้าง section ใหม่

ปัญหา: เว็บดูเหมือน template ทั่วไป ไม่มีจุดจำ

สาเหตุ: ใช้ reference แบบก๊อปทั้งก้อน ไม่ได้ remix

วิธีแก้: แยกสิ่งที่ชอบออกเป็นชิ้น เช่น typography, animation, layout แล้วค่อยผสมใหม่ให้เข้ากับแบรนด์

ปัญหา: งานดูเวอร์เกิน ขายของไม่รู้เรื่อง

สาเหตุ: ใส่ effects หรือ skills มากไปจนแย่งความสนใจจากข้อเสนอหลัก

วิธีแก้: เก็บลูกเล่นไว้เฉพาะ hero section หรือจุดสำคัญ แล้วทำส่วนขายให้เรียบและอ่านง่าย

ปัญหา: ใช้ AI แล้วได้ผลลัพธ์ไม่คงที่ในแต่ละ platform

สาเหตุ: ไม่มีไฟล์หรือข้อความกลางที่ใช้เป็น source of truth

วิธีแก้: เก็บ design memory ไว้ที่เดียว และใช้ชุดข้อมูลเดียวกันข้ามทุก tool

ปัญหา: รู้สึกว่า AI ทำได้เร็ว แต่เราเลือกไม่ถูกว่าอันไหนดีที่สุด

สาเหตุ: ยังไม่มี taste หรือเกณฑ์ตัดสินที่ชัด

วิธีแก้: สร้าง second brain ด้านดีไซน์ และจดเหตุผลทุกครั้งที่เลือกหรือไม่เลือกงานตัวอย่าง

Step 11: การต่อยอดที่น่าลองสำหรับธุรกิจไทย

• ทำ brand playbook ชิ้น AI เปลี่ยน guideline เดิมของแบรนด์ให้เป็นข้อความที่ AI ใช้งานต่อได้ทันที
• สร้างชุดครีเอทีฟหลาย format จากแกนเดียว เช่น จาก landing page เดียวแตกเป็นแบนเนอร์ โพสต์ และสไลด์ขาย
• ทำคลัง prompt เฉพาะธุรกิจ เช่น prompt สำหรับร้านอาหาร คลินิก อสังหา หรือ B2B SaaS เพื่อให้ทีมใช้ซ้ำได้เร็วขึ้น

Step 12: สรุป Checklist ทั้งหมด

• ☐ เข้าใจว่า Design.md คือสูตรของแบรนด์ ไม่ใช่แค่ template
• ☐ ระบุสี ฟอนต์ spacing mood และตัวอย่างที่ชอบให้ชัด
• ☐ แยก reference เป็นหมวด เพื่อใช้เป็น second brain ด้านดีไซน์
• ☐ ใช้ทั้ง Design.md และ HTML reference เมื่อต้องการผลลัพธ์รอบแรกที่แม่นขึ้น
• ☐ สั่ง AI เป็นรอบสั้นๆ แทนการหวัง one-shot prompt
• ☐ ใช้ skills เพื่อเพิ่มเอกลักษณ์ แต่ไม่ใส่ลูกเล่นเกินจำเป็น
• ☐ แยกงานระหว่าง iteration กับ remix ให้ชัด
• ☐ วัดผลจากความชัดของแบรนด์และการสื่อสาร ไม่ใช่ความสวยอย่างเดียว
• ☐ เก็บ design memory ไว้ใช้ข้าม platform
• ☐ ฝึก taste ด้วยการดูงานดีๆ ใน niche ของเราอย่างสม่ำเสมอ

บทสรุปที่สำคัญที่สุดจากแนวคิดเรื่อง Google Design.md ไม่ใช่แค่เรื่องไฟล์หรือเครื่องมือ แต่คือการเตือนว่า AI จะช่วยเราทำงานเร็วขึ้น แต่ไม่ได้ช่วยให้เรามีรสนิยมแทน ถ้าเราอยากให้เว็บ แบรนด์ และสื่อของธุรกิจดูมีตัวตน เราต้องสร้างระบบของตัวเองขึ้นมา ไม่ใช่หวังพึ่ง prompt สวยๆ ครั้งเดียว

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

อ่านเพิ่มเติมเกี่ยวกับแนวคิด design system ได้จาก Material Design และถ้าอยากเข้าใจพื้นฐานงานออกแบบดิจิทัลให้ดีขึ้น Nielsen Norman Group ก็เป็นแหล่งความรู้ที่มีประโยชน์มากสำหรับคนทำธุรกิจที่อยากตัดสินใจเรื่อง UX และงานสื่อสารให้แม่นขึ้น