Figma Design Agent นี่แหละ Vibe Design No. 1 #figmaai #vibedesign #vibecoding

Figma Design Agent ทำให้ผมรู้สึกว่านี่อาจเป็น "Vibe Design ที่ถูกต้อง" ก็ได้ . สิ่งที่ว้าวไม่ใช่แค่ AI ออกแบบ UI ได้ . แต่เป็น UI ที่สร้างออกมานั้นเป็น Auto Layout ที่ถูกต้องจริง ๆ . ต่างจาก AI ออกแบบหลายตัวที่สร้างหน้าตาสวยในภาพ แต่พอจะเอาไปใช้งานจริง กลับต้องมานั่งจัด Layout ใหม่ นำไปสร้าง Component ใช้ซ้ำไม่ได้ หรือ Design System ก็ไม่เพียงพอที่จะใช้งาน . สิ่งที่ผมชอบคือ Design Agent สามารถทำงานบน Library หรือ Design System ที่เราสร้างเองได้ ทำให้ผลลัพธ์ที่ออกมาดูเหมือนงานของทีมมากกว่างานที่ AI สร้าง . อีกมุมหนึ่งที่น่าสนใจคือ . Vibe Coding ทำให้เราเห็นผลลัพธ์ตอน AI เขียนโปรแกรมเสร็จ . แต่ Vibe Design ทำให้เราเห็นประสบการณ์ก่อนที่จะเริ่มสร้าง . มันช่วยลดความเสี่ยงของการทำ Vibe Coding ไปหลายชั่วโมง แล้วค่อยมาพบทีหลังว่า... . UI ไม่สวย UX ไม่ดี หรือหน้าตาไม่น่าใช้ . สุดท้ายแล้วไม่มีถูกหรือผิด บางโปรเจกต์อาจเหมาะกับ Code First บางโปรเจกต์อาจเหมาะกับ Design First . คำถามคือ... คุณอยากเห็น "โค้ด" ก่อน หรืออยากเห็น "ประสบการณ์ใช้งาน" ก่อน? . . 🚀 Designing the AI-native future. Learn UX/UI, Design Systems & AI Workflow with UncleAke 📘 Recommended Courses Website and Mobile App Design in Figma https://uncleake.trainercentralsite.c... Design System Masterclass: Figma, Tokens & AI https://uncleake.trainercentralsite.c... คอร์สเรียนทั้งหมด https://uncleake.trainercentralsite.c... 🎯 Topics on this channel • UX/UI Design • Design Systems • Figma Workflow • AI for Designers • Product Design • Frontend for Designers 🌐 Website https://uncleake.com https://signagesurf.com https://www.figmatrain.com #UXUI #Figma #DesignSystem #AI #ProductDesign

ออกแบบ + สร้าง Dashboard ระดับโปรด้วย Stitch และ Antigravit
▶︎

ออกแบบ + สร้าง Dashboard ระดับโปรด้วย Stitch และ Antigravit

เราสั่งให้ Claude ช่วยเราหาเงินให้มากที่สุดใน 1 วัน 🤯
▶︎

เราสั่งให้ Claude ช่วยเราหาเงินให้มากที่สุดใน 1 วัน 🤯

การใช้งาน Google Stitch ให้เทพ ต้องเริ่มจาก User Flow !!!
▶︎

การใช้งาน Google Stitch ให้เทพ ต้องเริ่มจาก User Flow !!!

🔥 ใช้ SKILL Claude Code สร้าง Design System ทั้งระบบ!
▶︎

🔥 ใช้ SKILL Claude Code สร้าง Design System ทั้งระบบ!

AI for teacher สอนใช้งาน AI สำหรับครู: Ep.3 - สร้างเว็บสุดปังด้วย Google Stitch + Antigravity!
▶︎

AI for teacher สอนใช้งาน AI สำหรับครู: Ep.3 - สร้างเว็บสุดปังด้วย Google Stitch + Antigravity!

การใช้งานไฟล์ design.md ในงานออกแบบด้วย AI
▶︎

การใช้งานไฟล์ design.md ในงานออกแบบด้วย AI

Figma + developer workflows | design systems, Code Connect, MCP, and Make
▶︎

Figma + developer workflows | design systems, Code Connect, MCP, and Make

Learn Figma Motion in 8 minutes
▶︎

Learn Figma Motion in 8 minutes

เดฟเขียนโค้ดน้อยลง เพราะ AI ?! | DEVCAST🎙️
▶︎

เดฟเขียนโค้ดน้อยลง เพราะ AI ?! | DEVCAST🎙️

The new way to use Figma?
▶︎

The new way to use Figma?

Setting up a grid for tailwind in Figma
▶︎

Setting up a grid for tailwind in Figma

ลืมวิธีเขียนเว็บแบบเดิมๆ! ใช้ Claude Design & Code สร้างระบบใช้จริงในองค์กร
▶︎

ลืมวิธีเขียนเว็บแบบเดิมๆ! ใช้ Claude Design & Code สร้างระบบใช้จริงในองค์กร

ไฟล์สำคัญ AGENTS.md! ตัวช่วยให้ AI เข้าใจโปรเจกต์คุณมากกว่าเดิม! 🔥
▶︎

ไฟล์สำคัญ AGENTS.md! ตัวช่วยให้ AI เข้าใจโปรเจกต์คุณมากกว่าเดิม! 🔥

สอน Claude Code ช่วยเขียนโค้ด 99% | borntodev
▶︎

สอน Claude Code ช่วยเขียนโค้ด 99% | borntodev

Hermes-Agent
▶︎

Hermes-Agent

Designing With AI: Claude, Codex, Figma | Full Guide
▶︎

Designing With AI: Claude, Codex, Figma | Full Guide

ชีวิต AI Designer ในอเมริกา | UX Tips + Google Office Tour
▶︎

ชีวิต AI Designer ในอเมริกา | UX Tips + Google Office Tour

จะเริ่มต้นด้วย AI ต้องเข้าใจองค์ประกอบก่อน [ตัวอย่างเนื้อหา]
▶︎

จะเริ่มต้นด้วย AI ต้องเข้าใจองค์ประกอบก่อน [ตัวอย่างเนื้อหา]

Я перебрал 200 Claude Skills. Вот 9 которые УДЕЛАЛИ остальные
▶︎

Я перебрал 200 Claude Skills. Вот 9 которые УДЕЛАЛИ остальные

Claude Design คืออะไร? AI ที่อาจมาแทน Designer พร้อมพาดู Demo จริง ทำตามได้เลย! 🚀
▶︎

Claude Design คืออะไร? AI ที่อาจมาแทน Designer พร้อมพาดู Demo จริง ทำตามได้เลย! 🚀