ZenityX Course Outline
Public Workshop · Claude Design × ZenityX Studio

Vibe Design Workshop

จากไอเดียแบรนด์ สู่ Launch Kit ครบชุดใน 1 วัน

ผู้ก่อตั้งแบรนด์ทำงานบนโน้ตบุ๊ก ล้อมด้วยชุดสื่อเปิดตัวแบรนด์ชาละมุน

สอนใช้ Claude Design
× ZenityX Studio ปั้นแบรนด์
และชุดสื่อเปิดตัวครบ 14 ชิ้น
ใน 1 วัน

ไม่ต้องเป็นดีไซเนอร์
ไม่ต้องเขียนโค้ด

ออกแบบหลักสูตรโดยสถาบัน ZenityX

Format
Hands-on Workshop
ลงมือทำบนโน้ตบุ๊กและบัญชี Claude ของตัวเอง
ตาม Prompt Card ภาษาไทย
Duration
1 วัน · 10:00–17:00
8 workshop · พักกลางวัน 12:30–13:30
เวลาปรับได้ตามความเหมาะสม
Course Base
Claude Design + ZenityX Studio
ออกแบบและจัดหน้าด้วย Claude Design
เติมภาพสินค้าและภาพคนด้วย ZenityX Studio
Core Output
Chalamun Launch Kit 14 ชิ้น
แบรนด์ · เว็บ · สื่อพิมพ์ · อีเมล · deck
แอปต้นแบบ · 3D · คลิป
Course Promise

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

Section 01

1. ภาพรวมหลักสูตร

การเปิดตัวสินค้าหนึ่งตัวต้องใช้สื่อหลายรูปแบบ แต่ธุรกิจเล็กและทีมส่วนใหญ่ไม่มีดีไซเนอร์ประจำ หลักสูตรนี้ใช้ Claude Design เปลี่ยน brief ให้เป็นงานออกแบบที่แก้ต่อได้ แล้วใช้ Design System เดียวคุมทุกชิ้นให้เข้าชุดกัน

โจทย์ที่ 1
สื่อเปิดตัวต้องมีหลายชิ้น แต่ไม่มีดีไซเนอร์
ใบปลิว หน้าเว็บ สไลด์ อีเมล และคลิป ต้องจ้างคนทำหรือทำเองทีละโปรแกรม เสียทั้งเงินและเวลา
แนวทางในหลักสูตร
สั่งงานเป็นภาษาไทย ได้งานที่แก้ต่อได้
ใช้ 14 template ของ Claude Design สร้างงานแต่ละประเภทจาก brief เดียว แล้วแก้ด้วยแชท Comment การแก้ตรงบน canvas หรือ slider
โจทย์ที่ 2
แต่ละชิ้นหน้าตาไม่ไปทางเดียวกัน
ทำคนละวันด้วยคนละเครื่องมือ สีและฟอนต์ค่อย ๆ เพี้ยน แบรนด์เลยดูไม่น่าเชื่อถือ
แนวทางในหลักสูตร
Design System เดียวคุมทุกชิ้น
สร้างระบบสี ฟอนต์ไทย-อังกฤษ ปุ่ม และระยะห่างครั้งเดียวในช่วงเช้า งานหลังจากนั้นแค่เลือกระบบนี้ก็ตรงแบรนด์
โจทย์ที่ 3
AI จัดหน้าได้ แต่ไม่มีภาพจริง
Claude Design สร้างภาพถ่ายหรือภาพคนไม่ได้ งานที่มีแต่ช่องว่างหรือกราฟิกเรียบ ๆ จึงยังดูไม่พร้อมขาย
แนวทางในหลักสูตร
เติมภาพด้วย ZenityX Studio
เจนภาพสินค้าด้วย GPT Image และภาพคนด้วย Nano Banana Pro แล้วแนบเข้าไปในงานผ่านปุ่ม +
ช่องภาพว่างในเลย์เอาต์ ถูกเติมด้วยภาพสินค้าและภาพคนจาก ZenityX Studio

โจทย์ที่ 3 — ช่องภาพที่ Claude Design เว้นไว้ ถูกเติมด้วยภาพสินค้าและภาพคนจาก ZenityX Studio

Section 01

เส้นทาง 5 ขั้นของวัน

หลักสูตรปฏิบัติจริง 1 วัน สอนใช้ Claude Design เครื่องมือออกแบบของ Anthropic Labs ตั้งแต่ปุ่มแรกบนหน้า home จนส่งออกงานไปใช้จริง ครบทั้ง 14 template โดยมี Design System เดียวคุมหน้าตาทุกชิ้น

เส้นทาง 5 ขั้น Research, Brand DNA, Content, Product และ Ship
Step 01
Research & Briefวิจัยตลาดพร้อมแหล่งอ้างอิง แล้วสรุปเป็น Brand Brief
Step 02
Brand DNAสี + ฟอนต์ไทย → Design System → Brand Book
Step 03
Launch Contentเว็บ ใบปลิว อีเมล และ Pitch Deck ตรงแบรนด์
Step 04
Product Experienceแอปต้นแบบจากโค้ดเว็บเดิม ขวด 3D และคลิป 9:16
Step 05
ShipExport ตามปลายทาง แชร์รับ feedback และส่งต่อทีม dev
ครบทุกเครื่องมือบนหน้าแรก
14 template + Design system + ปุ่ม + และ </> + Model picker + Export / Share / Handoff
Running case เดียวตลอดวัน
แบรนด์ตัวอย่าง “ชาละมุน” หรือแบรนด์ของตัวเอง งานทุกชิ้นต่อยอดกันจนเป็น Launch Kit
ได้ไฟล์จริงกลับบ้านทุก workshop
PDF · HTML · PPTX · อีเมล
ต้นแบบแอป · 3D · คลิป 9:16
บอกข้อจำกัดตรง ๆ พร้อมวิธีแก้
ทั้งเรื่องภาพ โควตา และฟอนต์ไทยตอน export
หลักคิดสำคัญ
สอนให้ AI รู้จักแบรนด์ครั้งเดียว แล้วใช้ซ้ำได้ทุกงาน

ผู้เรียนเป็นคนคุมทิศทาง: เขียน brief ให้ชัด เลือกโมเดลให้เหมาะ ตรวจข้อเท็จจริงเอง และเลือก export ให้ตรงปลายทาง

Section 02

2. วัตถุประสงค์การเรียนรู้

เมื่อจบหลักสูตร ผู้เรียนจะสามารถทำสิ่งเหล่านี้ได้ด้วยตัวเอง บนบัญชีและเครื่องของตัวเอง

01
ใช้ทุกเครื่องมือบนหน้าแรกของ Claude Design
14 template, Design system, ปุ่ม +, ปุ่ม </> และ Model picker
02
สร้าง Design System ของแบรนด์
จากสี ฟอนต์ไทย-อังกฤษ และโลโก้ แล้วนำไปใช้ซ้ำได้ทุกงาน
03
เติมภาพจาก ZenityX Studio ในงาน
ปิดช่องว่างที่ Claude Design สร้างภาพถ่ายและภาพคนเองไม่ได้
04
ส่งต่องานได้ตรงปลายทาง
Export และแชร์เป็น PDF, HTML, PPTX, อีเมล, Canva และ Handoff to Claude Code
05
เขียน brief งานออกแบบให้ชัด
ได้งานรอบแรกใกล้เคียงที่ต้องการ และสั่งให้ AI ถามก่อนเริ่มทำ
06
แก้งานได้ 4 วิธี
แชท / Comment / แก้ตรงบน canvas / slider และขอหลายแนวทางก่อนตัดสินใจ
07
เลือกโมเดลให้เหมาะกับงานและโควตา
และตรวจข้อมูลจาก Research ก่อนนำไปใช้จริง
วัดผลจากชิ้นงานจริง
ทุกข้อมีชิ้นงานใน Launch Kit 14 ชิ้นเป็นหลักฐาน
Tangible Outputs
OUTPUT 01Design System + Brand BookWorkshop 2
OUTPUT 02Landing Page + ใบปลิว + อีเมลWorkshop 3–4
OUTPUT 03Pitch Deck + ไดอะแกรม + โปรไฟล์Workshop 1 + 5
OUTPUT 04แอปต้นแบบ + 3D + คลิป 9:16Workshop 6–7
Course Intent
หลักสูตรนี้ไม่ได้มุ่งปั้นดีไซเนอร์มืออาชีพ แต่ทำให้คนที่ไม่มีพื้นฐานออกแบบผลิตสื่อที่ตรงแบรนด์และใช้งานได้จริงด้วยตัวเอง รู้ว่าเมื่อไรใช้ AI ได้ทันที และเมื่อไรควรตรวจเองหรือส่งต่อให้มืออาชีพ
Section 03

3. กลุ่มผู้เรียน

ออกแบบสำหรับคนที่ต้องทำสื่อเองโดยไม่มีดีไซเนอร์ประจำ ไม่จำเป็นต้องมีพื้นฐานออกแบบหรือเขียนโค้ดมาก่อน

กลุ่มผู้เรียนความต้องการหลักสิ่งที่หลักสูตรช่วยตอบ
ผู้ประกอบการ
/ เจ้าของ SME		ทำสื่อเปิดตัวสินค้าได้ครบชุดด้วยตัวเอง ลดค่าจ้างและรอบแก้งานLaunch Kit ครบชุดจากแบรนด์เดียว และ Playbook สำหรับทำซ้ำกับสินค้าตัวถัดไป
บุคคลทั่วไปที่อยากมี
รายได้เสริม / ฟรีแลนซ์		มีทักษะรับงานออกแบบหลายประเภท โดยไม่ต้องเรียนโปรแกรมกราฟิกหลายตัวฝึกงาน 14 ประเภทที่ตลาดจ้างจริง ได้ผลงานใส่พอร์ต (ติดป้าย Concept project)
ครีเอเตอร์ยกระดับงานให้ดูมืออาชีพ และตรงแบรนด์ของตัวเองคลิปโมชัน 9:16 หน้าเว็บ และ deck หรือ media kit ด้วย Design System ของตัวเอง
ทีมการตลาด / ทีมสื่อ
/ ทีมขาย		ผลิต deck, collateral และ landing page ได้เร็วขึ้น ทั้งทีมใช้แบรนด์เดียวกันDesign System กลาง แชร์ลิงก์รับ comment และส่งต่อทีม dev ผ่าน Handoff to Claude Code
ไม่ต้องมีพื้นฐาน
ไม่ต้องเป็นดีไซเนอร์ ไม่ต้องเขียนโค้ด

ผู้เรียนใช้เวลาไปกับการตัดสินใจเรื่องงานออกแบบ
ไม่ต้องเขียนโค้ดหรือจำเมนู

  • ทุกขั้นตอนมี Prompt Card ภาษาไทยให้ทำตาม
  • ตามไม่ทันมี Checkpoint files ให้ทำต่อได้ทันที
  • ใช้แบรนด์ตัวอย่าง “ชาละมุน” ได้ทั้งวัน
เอาแบรนด์ของตัวเองมาได้
เริ่มได้ตั้งแต่ Workshop แรก
  • Brand Brief worksheet เว้นช่องให้ใส่แบรนด์และสินค้าของตัวเอง
  • ใช้เฉพาะโลโก้และภาพที่มีสิทธิ์ใช้
ไม่จำเป็นต้องมี
  • พื้นฐานการออกแบบหรือการเขียนโค้ด
  • ประสบการณ์ใช้ Figma หรือ Photoshop
Work Styleตามไม่ทันมี Checkpoint files ให้ทำต่อ
1
ผู้สอนสาธิตดูขั้นตอนจริงบนจอ
2
ทำตาม Prompt Cardคัดลอกไปวางได้เลย
3
สั่งสองงานคู่กันใช้เวลาระหว่างรอผลให้คุ้ม
Section 04

4. ผลลัพธ์ที่ผู้เรียนจะได้กลับไป

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

ผลลัพธ์รายละเอียด
Brand Foundationรายงานวิจัยตลาดพร้อมแหล่งอ้างอิง, Design System ของแบรนด์, บอร์ดสี-ฟอนต์ และ Brand Book 3 หน้า (PDF)
WebWireframe 3–5 แนวทาง และ Landing Page เปิดตัวสินค้า (standalone HTML + .zip)
Print & Emailใบปลิว A4 พร้อมพิมพ์ (PDF) และอีเมลเปิดตัว (.html) พร้อมนำเข้าระบบส่งอีเมล
PitchPitch Deck 8 หน้า (PDF + PPTX) ไดอะแกรมเส้นทางสินค้า และโปรไฟล์ผู้ก่อตั้ง 1 หน้า
Product Prototypeต้นแบบแอปสะสมแต้ม 4 หน้าที่คลิกได้จริง และ UI mockup หน้าจอหลังบ้าน
3D & Motionขวดสินค้า 3D หมุนได้พร้อมภาพ 3 มุม และคลิปเปิดตัว 15 วินาที แนวตั้ง 9:16
Workflow & Playbookกฎเลือกโมเดล, checklist ภาษาไทยก่อน export,
จังหวะที่ควรใช้ ZenityX Studio เติมภาพ และวิธีส่งต่องานให้ทีม
Chalamun Launch Kit
14 ชิ้นงาน = ครบทั้ง 14 template
เช็คลิสต์ Workshop 8
ไล่ให้ครบก่อน Export
01
Researchรายงานตลาด · WS1
02
Résuméโปรไฟล์ผู้ก่อตั้ง · WS1
03
Color + type pairingบอร์ดสี-ฟอนต์ · WS2
04
DocumentBrand Book · WS2
05
Wireframeโครงหน้าเว็บ · WS3
06
BlankLanding Page · WS3
07
Flierใบปลิว Pop-up · WS4
08
HTML emailอีเมลเปิดตัว · WS4
09
Diagramเส้นทางสินค้า · WS5
10
SlidesPitch Deck · WS5
11
Mobile app designแอปสะสมแต้ม · WS6
12
UI mockupsหน้าจอหลังบ้าน · WS6
13
3D objectขวดชา 3D · WS7
14
Animationคลิป 9:16 · WS7
+ ใช้ทั้งวันDesign system · ปุ่ม + และ </>
Model picker · Export / Share / Handoff
ผลลัพธ์หลังเรียน
ผู้เรียนไม่ได้แค่ “รู้จัก” Claude Design แต่มี Launch Kit 14 ชิ้นอยู่ในเครื่องของตัวเอง และมีขั้นตอนที่นำไปทำซ้ำกับแบรนด์จริงได้ทันที
Section 05

5. โครงสร้างหลักสูตรรายวัน

1 วัน 10:00–17:00 แบ่งเป็น 8 workshop ทุกช่วงต่อยอดจากงานช่วงก่อนหน้าบนแบรนด์เดียวกัน

ภาคเช้าFoundation
10:00–10:30
Workshop 1Overall Introduction: Claude Design 101 + First Winทัวร์หน้าจอ ข้อจำกัดที่ต้องรู้ และกฎเลือกโมเดล · Research วิจัยตลาด + Résumé โปรไฟล์ 1 หน้า
10:30–11:30
Workshop 2Brand DNA: Color + Type → Design SystemColor + type pairing → สร้าง Design System ของแบรนด์ → Brand Book (Document)
11:30–12:30
Workshop 3From Sketch to Landing Pageสเก็ตช์บนกระดาษ → Wireframe → Landing Page บน Blank + ภาพจาก ZenityX Studio
12:30–13:30
พักรับประทานอาหารทีมงานช่วยเช็คโควตาและแจก Checkpoint files
ภาคบ่ายCreate & Ship
13:30–14:15
Workshop 4Print & Inbox: Flier + HTML Emailใบปลิว Pop-up พร้อมพิมพ์ และอีเมลเปิดตัว ทำคู่กันระหว่างรอผล
14:15–15:00
Workshop 5Pitch Pack: Diagram + Slidesไดอะแกรมเส้นทางสินค้า + Pitch Deck 8 หน้า · แชร์รับ comment · export PDF / PPTX
15:00–15:45
Workshop 6App Prototype from Code: </> + Mobile App + UI Mockupsใช้โค้ดเว็บช่วงเช้าเป็นฐาน ทำแอปสะสมแต้มที่กดได้และหน้าจอหลังบ้าน
15:45–16:30
Workshop 73D & Motion: 3D Object + Animationขวดสินค้า 3D หมุนได้ + คลิปเปิดตัว 15 วินาที แนวตั้ง 9:16
16:30–17:00
Workshop 8Final Project: Launch Kit Showcaseรวม 14 ชิ้น · Export / Share / Handoff · pitch 60 วินาที · ใบประกาศนียบัตร
เวลาปรับได้ตามความเหมาะสม — ตารางเวลาเป็นแนวทาง ผู้สอนอาจปรับเวลาแต่ละช่วงให้เหมาะกับความคืบหน้าของผู้เรียน โดยเนื้อหาและผลลัพธ์หลักยังครบถ้วน
Section 05 · Workshop Detail
Workshop 110:00–10:30ภาคเช้า · Foundation

Claude Design 101 + งานชิ้นแรกใน 20 นาที

รู้จักทุกปุ่ม ตั้งกติกาโควตา แล้วสั่งงาน 2 ชิ้นคู่กัน ให้ได้ผลงานชิ้นแรกก่อน 10:30

เครื่องมือHome screen · 14 templateProjects / Design systems / TemplatesModel picker+ Attach fileResearchRésuméExport PDF
กฎเลือกโมเดล รุ่นเร็ว รุ่นกลาง รุ่นเก่ง และโควตาที่ใช้ร่วมกัน
  1. 01ทัวร์หน้า homeช่อง “What should we create?”, 14 template, ปุ่ม + และ </>, Design system dropdown, Model picker และแท็บ Projects / Design systems / Templates
  2. 02ตกลงกติกาของวันClaude Design สร้างภาพถ่ายไม่ได้ (ใช้ ZenityX Studio แทน) · โควตาใช้ร่วมกับ Claude ทั้งบัญชี · รุ่นเร็วร่าง รุ่นกลางแก้ รุ่นเก่งเก็บงานสำคัญ
  3. 03Research: วิจัยตลาดแนบ Brand Brief ผ่านปุ่ม + แล้วสั่งวิจัยตลาดชาพร้อมดื่มหวานน้อย ปล่อยให้รันไป
  4. 04ระหว่างรอ เปิด Résuméใช้รุ่นเร็วทำโปรไฟล์ 1 หน้าของตัวเอง (หรือของคุณมิ้นท์ ผู้ก่อตั้ง) แล้ว Export PDF
  5. 05อ่านรายงานและตรวจแหล่งอ้างอิงไฮไลต์ 3 insight แล้วคลิกดูแหล่งอ้างอิงก่อนนำตัวเลขไปใช้
ตัวอย่าง Prompt Card · Research

วิจัยตลาดชาพร้อมดื่มแบบหวานน้อยในประเทศไทย สำหรับแบรนด์ [ชาละมุน] ตามไฟล์ Brand Brief ที่แนบ สรุป 1) คู่แข่ง 5 เจ้า พร้อมช่วงราคาต่อขวด 2) ช่องทางขายหลัก 3) กลุ่มลูกค้าที่โตเร็ว 4) โอกาสของแบรนด์ใหม่ 3 ข้อ ใส่แหล่งอ้างอิงทุกตัวเลข และแยกข้อเท็จจริงกับความเห็นให้ชัด

ชิ้นงานที่ได้
รายงานวิจัยตลาด + โปรไฟล์ 1 หน้า
รายงาน HTML ที่มีแหล่งอ้างอิง และโปรไฟล์ผู้ก่อตั้ง (PDF)
Section 05 · Workshop Detail
Workshop 210:30–11:30ภาคเช้า · Foundation

Brand DNA: สี + ฟอนต์ไทย → Design System → Brand Book

เปลี่ยนสีและฟอนต์ที่ชอบให้เป็นระบบที่ AI จำได้ แล้วทดสอบระบบทันทีด้วยเอกสารแบรนด์

เครื่องมือColor + type pairing+ Attach (โลโก้ / ภาพสินค้า / Brand Brief)Design system (สร้าง · dropdown · Open → Remix)Model picker (รุ่นเก่ง)DocumentExport PDF
สี ฟอนต์ และโลโก้ รวมเป็น Design System ที่คุมหน้าตาเว็บ ใบปลิว deck และแอป
  1. 01Color + type pairingขอ 3 ทิศทาง (ไร่ชายามเช้า / ชาไทยร่วมสมัย / มินิมอลพรีเมียม) พร้อมคู่ฟอนต์ไทยจาก Google Fonts แล้วเลือก 1
  2. 02ใส่กฎตัวอักษรไทยใน promptline-height 1.6 ขึ้นไป ไม่ใส่ letter-spacing กับภาษาไทย และระบุชื่อฟอนต์ให้โหลดจริง
  3. 03สร้าง “Chalamun DS” ด้วยรุ่นเก่งจากชุดสี + โลโก้ + Brand Brief ในแท็บ Design systems (สร้างไม่ทัน ใช้ DESIGN.md สำรองจาก Starter Pack)
  4. 04Document: Brand Book 3 หน้า A4เลือก Chalamun DS ใน dropdown แล้วสั่งทำ: โลโก้และเรื่องราว · สีและฟอนต์ · tone of voice
  5. 05แก้ที่ระบบด้วย Open → Remixจุดไหนไม่ตรงแบรนด์ แก้ที่ Design System แล้ว Export PDF
ตัวอย่าง Prompt Card · Design system

สร้าง Design System ชื่อ “Chalamun DS” จากชุดสีทิศทางที่ [2] โลโก้และ Brand Brief ที่แนบ กำหนด: สีหลัก/รอง/พื้นหลัง/ข้อความ, ฟอนต์หัวข้อและเนื้อหาภาษาไทย (line-height 1.6 ไม่ใส่ letter-spacing), ขนาดตัวอักษร 5 ระดับ, ปุ่ม 3 แบบ, การ์ด, ระยะห่าง 8 px grid, tone of voice เป็นกันเองแต่มืออาชีพ

ชิ้นงานที่ได้
Chalamun Design System + Brand Book
บอร์ดสี-ฟอนต์
และ Brand Book 3 หน้า (PDF)
Section 05 · Workshop Detail
Workshop 311:30–12:30ภาคเช้า · Foundation

From Sketch to Landing Page

เริ่มจากลายเส้นบนกระดาษ จบที่หน้าเว็บเปิดตัวสินค้าที่เปิดได้ทุกเครื่อง และได้ฝึกแก้งานบน canvas ครบทุกวิธี

เครื่องมือ+ Attach (รูปสเก็ตช์ / ภาพจาก ZenityX Studio)WireframeBlankModel picker (รุ่นเร็ว → รุ่นเก่ง)Chat · Comment · Edit · SlidersExport standalone HTML / .zip
จากสเก็ตช์บนกระดาษ สู่ Wireframe และ Landing Page บนโน้ตบุ๊กและมือถือ
  1. 01สเก็ตช์ → Wireframe (รุ่นเร็ว)วาดเลย์เอาต์บนกระดาษ 3 นาที ถ่ายรูปแนบ แล้วขอ 3–5 แนวทางที่ต่างกันชัดเจน
  2. 02Blank + Chalamun DS (รุ่นเก่ง)hero พร้อมภาพขวด จุดขาย 3 ข้อ รสชาติและราคา รีวิว ปุ่มสั่งผ่าน LINE และวันเวลา Pop-up
  3. 03เติมภาพด้วย ZenityX Studioผู้สอนสาธิตภาพสินค้าด้วย GPT Image
    และภาพคนด้วย Nano Banana Pro
    ผู้เรียนแนบภาพขวดชาจาก Starter Pack
  4. 04ฝึกแก้ 4 วิธีแชท · Comment · Edit บน canvas · slider และก่อนลองแนวใหม่ใช้ประโยค “Save what we have and try a completely different approach”
  5. 05Design review แล้ว Exportตรวจ contrast ลำดับข้อมูล และการกดบนมือถือ แล้ว Export standalone HTML + .zip ไว้ใช้ช่วงบ่าย
ตัวอย่าง Prompt Card · Wireframe

จากภาพสเก็ตช์ที่แนบ ทำ wireframe หน้า Landing Page เปิดตัวชาละมุน 3–5 แนวทางที่ต่างกันชัดเจน ถามคำถามฉันก่อนเริ่ม

ชิ้นงานที่ได้
Wireframe + Landing Page
Wireframe 3–5 แนวทาง หน้าเว็บเปิดตัวสินค้า (HTML) และไฟล์ .zip
Section 05 · Workshop Detail
Workshop 413:30–14:15ภาคบ่าย · Create & Ship

Print & Inbox: ใบปลิว Pop-up + อีเมลเปิดตัว

สั่งสองงานคู่กันระหว่างรอผล ได้ทั้งสื่อออฟไลน์และอีเมลที่ใช้ภาพชุดเดียวกับหน้าเว็บ

เครื่องมือFlierHTML email+ Attach file (ภาพจาก ZenityX Studio)Export PDFดาวน์โหลดไฟล์ .html
ใบปลิว A4 พร้อมคูปองและ QR คู่กับอีเมลเปิดตัวบนมือถือ
  1. 01Flier A4หัวเรื่องไม่เกิน 6 คำ บอกครบว่าขายอะไร เมื่อไหร่ ที่ไหน ราคาเท่าไร มี QR แอด LINE และคูปองฉีก · ตรวจแบบขาวดำแล้ว Export PDF
  2. 02ระหว่างรอ เปิด HTML emailกว้าง 600px มี preheader ภาพขวดชา ปุ่ม “จองรับที่ Pop-up” และ footer ที่มีลิงก์ยกเลิกรับข่าว
  3. 03เช็คก่อนส่งจริงฟอนต์ไทยในอีเมลจะแสดงเป็นฟอนต์ของเครื่องผู้รับ · รูปต้องอยู่บนลิงก์ https
  4. 04ดาวน์โหลดไฟล์ .htmlเปิดดูทั้งบนจอกว้างและจอมือถือ ก่อนนำเข้าระบบส่งอีเมล
ตัวอย่าง Prompt Card · Flier

ทำใบปลิว A4 งาน Pop-up เปิดตัวชาละมุน ใช้ Chalamun DS หัวเรื่องไม่เกิน 6 คำ บอกครบว่าขายอะไร เมื่อไหร่ ที่ไหน ราคาเท่าไร มี QR สำหรับแอด LINE และคูปองแบบฉีกด้านล่าง ต้องอ่านรู้เรื่องแม้พิมพ์ขาวดำ

ชิ้นงานที่ได้
ใบปลิว A4 + อีเมลเปิดตัว
ใบปลิว PDF พร้อมพิมพ์
และอีเมลเปิดตัว (.html)
Section 05 · Workshop Detail
Workshop 514:15–15:00ภาคบ่าย · Create & Ship

Pitch Pack: Diagram + Slides สำหรับเสนอขายส่ง

ทำชุดเสนอขายสำหรับร้านกาแฟและซูเปอร์มาร์เก็ต ดึงข้อมูลและโปรไฟล์จากงานช่วงเช้ามาต่อยอด

เครื่องมือDiagramSlides+ Attach / Reference another projectShare (Commenter)Export PDF / PPTXSend to Canva · Google Slides (ทางเลือก)
ไดอะแกรมเส้นทางสินค้าและ Pitch Deck ที่เจ้าของร้านกาแฟกำลังพิจารณา
  1. 01Diagram: เส้นทางสินค้าไร่ชา → สกัดเย็น → บรรจุขวด → 3 ช่องทาง (LINE OA / Pop-up / ร้านค้าส่ง) และไทม์ไลน์เปิดตัว 30 วัน
  2. 02Slides 8 หน้าแนบรายงาน Research ยอดขาย .xlsx (ให้ Claude ทำกราฟ) และโปรไฟล์ช่วงเช้า · 1 ภาพเด่นต่อหน้า มี speaker notes
  3. 03แก้ทีละหน้า แล้ว Shareอ้างเลขสไลด์ เช่น “สไลด์ 4: เปลี่ยนเป็นกราฟแท่ง” แล้วให้สิทธิ์ Commenter เพื่อนที่รับบท buyer คอมเมนต์ 1 จุด
  4. 04Export PDF + PPTXPDF เป็นไฟล์หลัก เปิดเทียบว่าฟอนต์ไทยเพี้ยนไหม · ทางเลือก Send to Canva หรือ Google Slides
ตัวอย่าง Prompt Card · Diagram

ทำแผนภาพเส้นทางสินค้าชาละมุน: ไร่ชา → สกัดเย็น → บรรจุขวด → 3 ช่องทาง (LINE OA / Pop-up / ร้านค้าส่ง) และไทม์ไลน์เปิดตัว 30 วัน แบ่ง 4 สัปดาห์ ใช้ Chalamun DS

ชิ้นงานที่ได้
Pitch Deck + ไดอะแกรม
Pitch Deck 8 หน้า (PDF + PPTX)
ไดอะแกรม + ลิงก์แชร์ที่มีคอมเมนต์
Section 05 · Workshop Detail
Workshop 615:00–15:45ภาคบ่าย · Create & Ship

App Prototype from Code: แอปสะสมแต้ม + หน้าจอหลังบ้าน

ต่อยอดจากโค้ดเว็บเมื่อเช้า ให้แอปและหน้าจอหลังบ้านหน้าตาเข้าชุดกับเว็บ โดยไม่ต้องเขียนโค้ด

เครื่องมือ</> Start from code (แนบโฟลเดอร์ในเครื่อง)+ Attach folder (ทางสำรอง)Mobile app designUI mockupsShare link
โฟลเดอร์โค้ดเว็บกลายเป็นแอปมือถือ 4 หน้าและหน้าจอหลังบ้าน
  1. 01เริ่มจากโค้ดเว็บช่วงเช้าแตก .zip (หรือใช้โฟลเดอร์เว็บใน Starter Pack) กด </> แล้วแนบเฉพาะโฟลเดอร์นั้น
  2. 02Mobile app designแอป “Chalamun Club” 4 หน้า: สมัครสมาชิก → สะสมแต้ม → สั่งล่วงหน้า → คูปอง QR กดสลับหน้าได้จริง
  3. 03ระหว่างรอ เปิด UI mockupsหน้าจอหลังบ้าน “ยอดจองและสต็อกวันนี้” ให้เจ้าของร้าน เสนอ 3 แบบ
  4. 04แชร์ลิงก์แล้วลองบนมือถือเปิดผ่านแอป Claude กดเหมือนลูกค้าจริง
    (มือถือดูได้อย่างเดียว แก้งานต้องทำบนคอม)
ตัวอย่าง Prompt Card · Mobile app design

จากโค้ดเว็บที่แนบ ทำแอปมือถือ “Chalamun Club” 4 หน้า: สมัครสมาชิก → สะสมแต้ม → สั่งล่วงหน้า → คูปอง QR ใช้สี ปุ่ม และข้อความเดียวกับเว็บ กดสลับหน้าได้จริง

ชิ้นงานที่ได้
ต้นแบบแอป + UI mockup
แอปมือถือ 4 หน้าที่คลิกได้ (ลิงก์แชร์) และหน้าจอหลังบ้าน
Section 05 · Workshop Detail
Workshop 715:45–16:30ภาคบ่าย · Create & Ship

3D & Motion: ขวดสินค้า 3D + คลิปเปิดตัว 9:16

พาสินค้าออกจากหน้ากระดาษ ได้โมเดล 3D ไว้ทำม็อกอัป และคลิปสั้นแนวตั้งพร้อมโพสต์

เครื่องมือ3D objectAnimation+ Attach (ภาพสินค้า / โลโก้)Model picker (รุ่นกลางสำหรับรอบแก้)Download
ขวดชาละมุน 3D บนแท่นหมุน รุ่นสี limited และคลิปแนวตั้ง 9:16 บนมือถือ
  1. 013D object: ขวดแก้ว 250 มล.ฉลากสีแบรนด์ หมุนดูได้รอบทิศ เพิ่มอีก 1 สีรุ่น limited
    แคปภาพ 3 มุม และ Download OBJ + MTL หรือ GLB
  2. 02Animation: คลิป 9:16 ยาว 15 วินาที4 ฉาก hook → ขวดชาละมุน → จุดขาย 3 ข้อ → วันเวลา Pop-up + ปุ่ม LINE ใช้ภาพจาก ZenityX Studio
  3. 03แก้ทีละฉากด้วย Commentใช้รุ่นกลางเพื่อประหยัดโควตา
    ตัวอักษรต้องใหญ่พออ่านบนมือถือ
  4. 04Download MP4 + Musicตั้งจุดเริ่มเพลงหรือปิดเพลงในแผง Tweaks ใช้ Chrome หรือ Edge · ไม่มีปุ่มนี้ export HTML แล้วอัดหน้าจอ
ตัวอย่าง Prompt Card · 3D object

สร้างขวดแก้ว 250 มล. ของชาละมุน ฉลากใช้สีและโลโก้ของแบรนด์ หมุนดูได้รอบทิศ แล้วทำอีก 1 สีสำหรับรุ่น limited

ชิ้นงานที่ได้
ขวดชา 3D + คลิปเปิดตัว
ภาพ 3 มุม + ไฟล์ 3D
คลิป 15 วินาที 9:16
พร้อมโพสต์ Reels/TikTok
Section 05 · Workshop Detail
Workshop 816:30–17:00ภาคบ่าย · Create & Ship

Final Project: Launch Kit Showcase + Share & Handoff

รวมงานทุกชิ้นเป็น Launch Kit ส่งออกให้ครบ แชร์ให้ทีม และฝึกเล่าแบรนด์ภายใน 60 วินาที

เครื่องมือProjects tabShare (Can view / Commenter)Export .zip / PDF / standalone HTMLSend to Netlify · Vercel · Canva (สาธิต)Handoff to Claude Code (สาธิต)
กล่อง Launch Kit ที่รวมชิ้นงานครบ 14 ชิ้นพร้อมลิงก์แชร์
  1. 01แท็บ Projects: ไล่เช็คลิสต์ 14 ชิ้นExport ทุกชิ้นเข้าโฟลเดอร์ “Launch Kit” รวม .zip ของโปรเจกต์หลัก
  2. 02สาธิต Send to Netlify/Vercel + Handoffได้ลิงก์เว็บที่ใครก็เปิดได้ · Handoff to Claude Code (ไฟล์ดีไซน์ + แชท + README) ส่งต่อทีม dev
  3. 03Pitch 60 วินาทีอาสาสมัคร 4–5 คน นำเสนอด้วย deck + landing page + คลิป แล้วรับ feedback จากผู้สอน
  4. 04สรุป Playbookทบทวนขั้นตอนทั้งวันเพื่อทำซ้ำกับแบรนด์จริง และรับใบประกาศนียบัตร
Playbook ที่ได้กลับไป
Launch Kit 14 ชิ้นในเครื่อง · ลิงก์แชร์ · Playbook · ใบประกาศนียบัตร
1
กฎเลือกโมเดลเร็ว = ร่าง · กลาง = แก้
เก่ง = สร้างระบบ / เก็บงานสำคัญ
2
สอน AI รู้จักแบรนด์ครั้งเดียวDesign System เดียว เลือกใช้ทุกงาน
3
สูตร briefงานอะไร · ให้ใคร · ใช้ที่ไหน · ต้องมีอะไร · ข้อห้าม · “ถามคำถามฉันก่อนเริ่ม”
4
จังหวะใช้ ZenityX Studioต้องการภาพถ่ายสินค้า ภาพคน หรือฉากจริง → เจนก่อน แล้วแนบผ่าน +
5
Checklist ภาษาไทยก่อน exportฟอนต์ถูกตัว · line-height ≥ 1.6 · ไม่มี letter-spacing · เปิดไฟล์ปลายทางดูอีกครั้ง
6
ส่งต่องานShare Commenter รับ feedback · Export ตามปลายทาง · Handoff to Claude Code
Section 05 · Tool Map

แผนที่เครื่องมือ Claude Design

ทุกเครื่องมือบนหน้าแรกของ Claude Design ถูกใช้จริงในเวิร์กช็อป ผู้เรียนได้ลองครบทุกแบบและได้ผลงานกลับไป

หน้าจอจริงของ Claude Design แผง Choose a template 14 แบบ
หน้าจอจริง
Choose a template ครบ 14 แบบ
Blank · Mobile app design · Slides · Document · Wireframe · Animation · UI mockups · Résumé · 3D object · Research · HTML email · Color + type pairing · Diagram · Flier
templateเครื่องมือเสริม
เครื่องมือใช้ใน Workshopผู้เรียนได้สร้างอะไร
 ResearchWS1 · 10:00รายงานตลาดชาหวานน้อย พร้อมแหล่งอ้างอิง (HTML)
 RésuméWS1 · 10:00โปรไฟล์ 1 หน้าของตัวเอง / ผู้ก่อตั้ง (PDF)
 Color + type pairingWS2 · 10:30บอร์ดสี 3 ทิศทาง + คู่ฟอนต์ไทย-อังกฤษ
 Design systemWS2 · ใช้ต่อทั้งวันChalamun Design System ที่ทุกงานเลือกใช้
 DocumentWS2 · 10:30Brand Book 3 หน้า A4 (PDF)
 WireframeWS3 · 11:30โครงหน้าเว็บ 3–5 แนวทางจากรูปสเก็ตช์
 BlankWS3 · 11:30Landing Page เปิดตัวสินค้า (HTML + .zip)
 FlierWS4 · 13:30ใบปลิว Pop-up A4 พร้อมพิมพ์ (PDF)
 HTML emailWS4 · 13:30อีเมลเปิดตัวพร้อมนำเข้าระบบส่งอีเมล (.html)
 DiagramWS5 · 14:15แผนภาพเส้นทางสินค้า + ไทม์ไลน์ 30 วัน (PDF / PNG)
 SlidesWS5 · 14:15Pitch Deck 8 หน้า (PDF + PPTX)
 </> Start from codeWS6 · 15:00แนบโฟลเดอร์เว็บช่วงเช้าเป็นฐานของแอป
 Mobile app designWS6 · 15:00แอปสะสมแต้ม 4 หน้าที่คลิกได้จริง (ลิงก์แชร์)
 UI mockupsWS6 · 15:00หน้าจอหลังบ้าน ยอดจองและสต็อก (ลิงก์แชร์ / PNG)
 3D objectWS7 · 15:45ขวดชา 3D หมุนได้ + ภาพ 3 มุม (OBJ + MTL / GLB)
 AnimationWS7 · 15:45คลิปเปิดตัว 15 วินาที แนวตั้ง 9:16 (MP4 + Music)
 ปุ่ม + (Attach / Reference)WS1–WS7แนบ brief โลโก้ สเก็ตช์ ภาพ .xlsx และดึงงานเก่า
 Model pickerWS1 กฎ · WS2–WS8รุ่นเร็วร่าง · รุ่นกลางแก้ · รุ่นเก่งสร้างระบบ
 แก้งานบน canvasWS3 + ทุก workshopแชท · Comment · Edit · slider · design review
 Export · Share · Handoffทุก workshop + WS8PDF · HTML · PPTX · .zip · แชร์ Commenter · Handoff
Section 06

6. ขอบเขตการสอน

กำหนดขอบเขตไว้ชัดเจน เพื่อให้เรียนจบได้ใน 1 วันและได้ผลงานครบทุกชิ้น

หัวข้อแนวทางในหลักสูตร
Claude Design ครบทุกเครื่องมือบนหน้าแรก14 template, Design system, ปุ่ม +, ปุ่ม </>, Model picker, แท็บ Projects / Design systems / Templates และการ Export / Share / Handoff
การเขียน brief และการแก้งานสูตร brief งานออกแบบ การสั่งให้ AI ถามก่อนทำ การขอหลายแนวทาง การแก้งาน 4 วิธี และการขอ design review
ภาษาไทยในงานออกแบบเลือกฟอนต์ไทยจาก Google Fonts กฎ line-height และ letter-spacing และข้อควรระวังฟอนต์ไทยใน PPTX และอีเมล
ภาพประกอบใช้ ZenityX Studio เจนภาพสินค้าและภาพคนแล้วนำเข้า Claude Design สอนเฉพาะส่วนที่ใช้ในงาน ไม่ลงลึกเทคนิค prompt ภาพ
การต่อยอดจากโค้ดแนบโฟลเดอร์เว็บเป็นฐานของงานใหม่โดยไม่ต้องเขียนโค้ดเอง ส่วน Handoff to Claude Code เป็นการสาธิตเส้นทางต่อยอด
โควตาและโมเดลกฎเลือกโมเดลตามประเภทงาน การสั่งสองงานคู่กันระหว่างรอ และการวางแผนให้โควตาพอใช้ทั้งวัน
สิ่งที่ไม่อยู่ในหลักสูตรการเขียนโค้ดเอง การใช้ Figma หรือ Photoshop การพัฒนาแอปจริงจนขึ้น store และเทคนิคเจนภาพหรือวิดีโอเชิงลึก (สอนในคอร์ส AI Content Workshop)
ข้อจำกัดที่บอกตรง ๆ พร้อมวิธีรับมือ
ภาพถ่ายและภาพคน
Claude Design สร้างเองไม่ได้ → เจนภาพสินค้าด้วย GPT Image ภาพคนด้วย Nano Banana Pro ใน ZenityX Studio แล้วแนบผ่านปุ่ม +
โควตาใช้ร่วมกับ Claude ทั้งบัญชี
เลือกรุ่นตามงาน ปรับ effort ได้ และสั่งสองงานคู่กันระหว่างรอผล เพื่อให้พอใช้ทั้งวัน
ฟอนต์ไทยตอน export
ระบุฟอนต์จาก Google Fonts · line-height ≥ 1.6 · ไม่ใส่ letter-spacing · เช็คทุกครั้งหลัง export (PPTX และอีเมลเพี้ยนง่าย)
หมายเหตุเรื่องเวอร์ชันของเครื่องมือ
Claude Design ยังเป็น beta และอัปเดตบ่อย ชื่อปุ่ม เมนู โมเดล และรูปแบบ export อาจต่างตามแพ็กเกจหรือช่วงเวลา ผู้สอนปรับเนื้อหาให้ตรงหน้าจอจริงในวันเรียน และมีทางสำรองทุก workshop
Section 07

7. แนวทางการประเมินผลในคลาส

ไม่มีการสอบ ประเมินจากผลงานที่ทำในคลาสและการนำเสนอ Launch Kit ตอนท้ายวัน

สิ่งที่ประเมินเกณฑ์การดูผลงาน
ความครบของ Launch Kitครบ 14 template และ export เก็บในเครื่องได้ ชิ้นที่ทำไม่ทันให้ต่อยอดจาก Checkpoint files
ความตรงแบรนด์ทุกชิ้นใช้ Design System เดียวกัน สี ฟอนต์ และโลโก้สอดคล้องกันทั้งชุด
คุณภาพภาษาไทยอ่านง่าย ตัวอักษรไม่ชนหรือขาด และฟอนต์ถูกต้องในไฟล์ที่ export
ความถูกต้องของข้อมูลตัวเลขจาก Research ที่นำไปใช้ใน deck ผ่านการตรวจกับแหล่งอ้างอิงแล้ว
การนำเสนอ 60 วินาทีเล่าที่มาของแบรนด์ แล้วแสดง deck, landing page และคลิปได้อย่างกระชับ

สิ่งที่ควรเตรียม

เตรียมให้พร้อมก่อนวันเรียน เพื่อให้ทุก workshop ได้ลงมือทำเต็มเวลา

Account
บัญชี Claude แบบเสียเงิน
Pro ขึ้นไป (แนะนำ Max) ล็อกอินและเปิด claude.ai/design ได้ก่อนวันเรียน ถ้าเป็นบัญชีองค์กรให้แอดมินเปิดสิทธิ์ไว้
Device
โน้ตบุ๊ก + มือถือ
เบราว์เซอร์รุ่นล่าสุด ใช้ Chrome หรือ Edge
(ดาวน์โหลดคลิป MP4 ได้เฉพาะสองตัวนี้)
มือถือมีแอป Claude ไว้ถ่ายสเก็ตช์และลองกดแอปต้นแบบ
Brand · ไม่บังคับ
ข้อมูลแบรนด์ของตัวเอง
โลโก้ ภาพสินค้า และข้อมูลสินค้า/ราคาที่มีสิทธิ์ใช้ ถ้าไม่มีใช้เคสชาละมุนได้ทั้งวัน
Starter Pack
ZenityX เตรียมให้
Brand Brief worksheet, Prompt Card ภาษาไทย, ภาพจาก ZenityX Studio, โฟลเดอร์เว็บตัวอย่าง, DESIGN.md สำรอง, ยอดขาย .xlsx และ Checkpoint files
Section 08

8. สรุปภาพรวมสำหรับนำเสนอผู้เรียน

สรุปสั้น ๆ ให้ผู้เรียนเห็นภาพรวมของทั้งวัน

1 Day
จากไอเดียสู่ Launch Kit
10:00–17:00 ลงมือทำ 8 workshop
บนแบรนด์เดียวกันตลอดวัน
14 Templates
ครบทุกเครื่องมือ
ทุก template + Design system + ปุ่ม + และ </> + Model picker + Export / Share / Handoff
One Brand
Design System เดียวคุมทุกชิ้น
สี ฟอนต์ไทย และโลโก้ตรงกันทุกงาน
โดยไม่ต้องจัดเองทีละชิ้น
Real Files
ได้ไฟล์จริงกลับบ้าน
PDF · HTML · PPTX · อีเมล
ต้นแบบแอป · 3D · คลิป 9:16
Pitch Summary
ไม่มีดีไซเนอร์ ก็เปิดตัวแบรนด์ได้ครบชุดใน 1 วัน

Claude Design ทำให้คนทั่วไปสั่งงานออกแบบด้วยการแชท แล้วได้งานที่แก้ต่อได้จริง หลักสูตรนี้พาใช้ครบทุกเครื่องมือผ่านแบรนด์เดียว ตั้งแต่วิจัยตลาดและสร้าง Design System ไปจนถึงเว็บ ใบปลิว อีเมล deck แอปต้นแบบ 3D และคลิป พร้อมบอกข้อจำกัดตรง ๆ และวิธีรับมือ ทั้งเรื่องภาพ (เติมด้วย ZenityX Studio) โควตา และฟอนต์ไทย เพื่อให้กลับไปทำซ้ำกับธุรกิจจริงได้ทันที

8 WorkshopsFoundation
→ Create & Ship
14 ชิ้นงานChalamun Launch Kit
Playbookทำซ้ำกับแบรนด์จริง
ใบประกาศนียบัตรรับเมื่อจบวัน

ออกแบบหลักสูตรโดยสถาบัน ZenityX

บริษัท เซนนิตี้เอ็กซ์ จำกัด · โทร 062-262-9644 · admin@zenityxai.com · zenityxai.com

โทร062-262-9644
อีเมลadmin@zenityxai.com
เว็บไซต์zenityxai.com