ONLINE COURSE / AI WORKFLOW

Design to Web App with AI

เปลี่ยนไอเดียให้เป็น Web Application ที่ใช้งานได้จริง ตั้งแต่วาง Product Structure ออกแบบด้วย Google Stitch ไปจนถึงสร้าง ClientFlow ด้วย Codex

ระยะเวลา9 ชั่วโมง
ราคา2,490 บาท
รูปแบบเรียนออนไลน์

เปิด Google Form เพื่อกรอกข้อมูลและรับขั้นตอนการชำระเงิน

ภาพการเชื่อมงานออกแบบหน้าจอไปสู่เว็บแอปด้วย AI
IS THIS FOR YOU?

คอร์สนี้เหมาะกับใคร

UX/UI Designer, Product Owner, Freelancer, เจ้าของธุรกิจ และผู้เริ่มต้นที่อยากสร้าง Web Application ด้วย AI โดยไม่ต้องเขียนโค้ดทุกบรรทัด

เนื้อหาที่จะได้เรียน

  1. 01
    Vibe Design to Vibe Code — เข้าใจกระบวนการทั้งหมด
  2. 02
    Product Structure — ปัญหา เป้าหมาย ผู้ใช้ และ Scope
  3. 03
    Product Planning — เมนู Sitemap และ User Flow
  4. 04
    DESIGN.md — วาง Foundation และกฎของ UI
  5. 05
    Vibe Design — ออกแบบหน้าจอด้วย Google Stitch
  6. 06
    Environment — เตรียม Node.js, Vite, Cursor และ Codex
  7. 07
    Design Context — เชื่อม Google Stitch ผ่าน MCP
  8. 08
    Build ClientFlow — Clients, Projects, Tasks และ Follow-ups
  9. 09
    GitHub และ Vercel — Production Build และ Deploy
AFTER THE COURSE

เรียนจบแล้วทำอะไรได้

  • ได้ UI Design และ Design System ของ ClientFlow
  • ได้ Source Code และ GitHub Repository
  • ได้ Web Application ที่เปิดใช้งานผ่าน Vercel ได้จริง
EXPLORE MORE

เรียนรู้ต่อได้อีก

ดูทุกคอร์ส ↗
ภาพหน้าจอเว็บไซต์และมือถือสำหรับเริ่มต้นออกแบบ UI
เริ่มต้น

Figma Begin

เริ่มต้นออกแบบเว็บไซต์และแอปด้วย Figma ตั้งแต่รู้จักเครื่องมือ ไปจนถึง Responsive Design, Design System และ Prototype

ดูรายละเอียดคอร์ส