Motion Reference เว็บรวมตัวอย่างเพื่อใช้อ้างอิงงาน Motion/Animation ของ Takayu Studio มีให้ดู 583 แบบ แต่ละแบบมี Preview ที่เล่นจริง พร้อมระยะเวลา (ms) ชื่อ Easing และคำอธิบายสั้นๆ ทำอะไรได้บ้าง - ค้นหา Motion ที่ต้องการด้วยชื่อ (⌘K) - เลือกตามหมวดกว่า 40 หมวด เช่น Easing, Springs, Transitio

Best Designs on X.com เป็นคลัง gallery ใหม่ที่รวบรวมงานดีไซน์ที่ถูกโพสต์บน X (Twitter) เพื่อเป็น inspiration และช่วยให้ค้นเจอ creatives ใหม่ๆ มาติดตามได้ อัปเดตทุกชั่วโมง โครงสร้างหลักของเว็บ - หมวด Inspiration: Best Designs, Instagram, Launch Videos, Fonts, Dribbble, Behance, App Icons, OG Ima

Inspo คือคลังตัวอย่างเว็บไซต์โปรดักชันสำหรับใช้เป็นแรงบันดาลใจทั้งโดยนักออกแบบและ AI coding agents โดยรวมเว็บจริง 832 เว็บไซต์และหน้าจอที่ค้นหาได้ 2,320 หน้าจอ ทำอะไรได้บ้าง - Browse คลังเว็บไซต์และหน้าจอจริง เพื่อดูแนวทาง layout, typography, สี, hero section และองค์ประกอบ UI - ค้นหาด้วยคีย์เว

Stitch CLI คืออะไร `@google/stitch` คือ command-line tool ของ Stitch (เครื่องมือ design ด้วย AI ของ Google Lab) ให้สร้างและแก้ design ได้จาก terminal ตอนนี้ยังเป็น BETA ทำไมถึงน่าสนใจ Stitch มี MCP กับ SDK อยู่แล้ว แต่ยังไม่มี CLI ตัวนี้เลยเติมช่องว่างนั้น ใช้ได้สองทาง คือพิมพ์คำสั่งเองใน termi

Blueprint Animation เป็น Skill สำหรับ Claude Design ที่ช่วยเล่าเหตุผลเบื้องหลัง UX/UI ผ่าน animation สไตล์แบบร่าง Blueprint ไม่ใช่แค่โชว์หน้าจอสวย แต่พาเห็นว่า “เปลี่ยนอะไร และทำไมถึงเปลี่ยน” ทำได้ 2 โหมด 1. Redesign: Before → After เปลี่ยน UI เดิมเป็น Blueprint แล้วขยับ ปรับขนาด หรือรวมส่วนท

Aside คือ Agentic Browser ที่ให้ AI ลงมือทำงานแทนเรา ไม่ได้มีไว้แค่ถามตอบหรือสรุปเว็บ จุดเด่นคือรวมความสามารถหลายอย่างไว้ใน browser เดียว: - กดเว็บแทนเราได้เปิดเว็บ คลิก กรอกฟอร์ม ค้นข้อมูล และทำงานหลายขั้นตอนผ่านบัญชีที่ล็อกอินอยู่ โดยงานสำคัญอย่างส่งข้อความ โพสต์ หรือจ่ายเงินต้องให้เรายืนยั

เปิดรับสมัครเรียนตัวต่อตัว 1:1 THE AI ERA for UX/UI - Private Session คอร์ส UX/UI + AI แบบเรียนตัวต่อตัว เหมาะกับ Designer ที่อยากเริ่มใช้ AI เข้ามาช่วยใน workflow งานออกแบบอย่างเป็นระบบ ถ้าตอนนี้คุณยังทำงานแบบเดิมๆ อยู่ เช่น ต้องนั่งอ่าน brief แล้วตีโจทย์เองทั้งหมด ใช้เวลานานกับการสรุป R

Jev Design Test คือ Repo Open Source พิมพ์ prompt บรรทัดเดียว ได้ canvas เต็มไปด้วย UI screen จริงๆ (dashboard, auth flow, pricing page, settings ฯลฯ) สุ่มเลือกผ่าน Jev (@typesafe-ai/sdk) ประกอบจาก component จริงของ shadcn/Base UI จุดสำคัญ: Jev ไม่ใช่ generative UI model ไม่เขียน JSX หรือ copy เ

ZAYX คือ React Native Library เฉพาะกลุ่ม Fintech ไม่ใช่ UI kit ทั่วไป แต่เป็นชุด interaction components แอนิเมชันจัดเต็ม เช่น Fintech Island (pill สไตล์ Dynamic Island), FinPanel (edge-swipe drawer), Piggy Bank (ออมเงินแบบ physics), Crypto Orbit (จ่ายคริปโตแบบ gesture), Payment Reminder (pill morph

Duo Studio เป็นเว็บสร้าง mockup ของมือถือพับจอคู่ iPhone Duo แบบ interactive 3D สรุปฟีเจอร์หลัก: - อัปโหลดดีไซน์ ของคุณเป็นภาพหรือวิดีโอ (สูงสุด 150MB) ไปวางบนจอมือถือแบบ 3D ได้ทั้งจอด้านใน (Inner screen) และจอปก (Cover screen) - ขนาดจอที่รองรับ: Full display 2670×1878 px - มีโหมด Fold effect

Lunagraph คืออะไร เป็น design canvas ที่เขียนโค้ดจริงๆ ให้เลย ขับเคลื่อนด้วย Claude Code — ให้ดีไซน์และสร้าง UI ด้วย HTML, CSS, React code จริง ไม่ใช่ mockup แบบ Figma ที่ต้องแปลงเป็นโค้ดทีหลัง ทำให้ทีม designer, product, developer และ AI agent ทำงานบน source of truth เดียวกันได้แบบไม่มี handoff l

M3E Canvas เป็นเว็บแอปสำหรับ sketch หน้าจอแบบ Material 3 Expressive บนเบราว์เซอร์ แล้วแปลงดีไซน์ออกมาเป็น prompt สำหรับใช้ต่อกับ AI coding tool อย่าง Claude Code, Codex, Gemini CLI, Cursor ฯลฯ สิ่งที่ทำได้ * Drag-and-drop parts – มีทั้งปุ่ม, icon button, FAB, chip, app bar, navigation bar, ta

🧩 Checklist Design ปล่อย Agent Skill ให้ AI ช่วยตรวจงาน UI/UX ได้แล้ว ใครใช้ AI coding agent อย่าง Claude Code, Cursor, Codex หรือ Gemini CLI น่าจะชอบอันนี้ครับ Checklist Design (checklist.design) คือเว็บรวม checklist สำหรับตรวจ UI/UX ทั้ง Web, Mobile และ Design System กว่า 100 รายการ ตอนนี้ป

แอดไปเจอแหล่งรวม inspiration ใหม่มามันเท่ดีเลยเอามาฝาก B2TF - Vintage Mobile App Design Directory คือเว็บแหล่งรวมตัวอย่างแอปมือถือที่มีงานภาพและอินเทอร์เฟซสไตล์วินเทจ/ย้อนยุค เพื่อให้ค้นหาแรงบันดาลใจจาก UI คลาสสิกได้ง่ายขึ้น สิ่งที่มีบนหน้า - มีไดเรกทอรีแอปทั้งหมด 22 แอป และกำลังแสดงผลแบบขนาด

Screenshot to Code (screenshottocode.com) คือเครื่องมือ AI ที่แปลงภาพหน้าจอ, วิดีโอของ UI, หรือคำบรรยายข้อความ ให้กลายเป็นโค้ดพร้อมใช้งานจริง ช่วยสร้าง UI ได้เร็วขึ้น 10 เท่า เป็น open source เต็มรูปแบบภายใต้ MIT license จุดเด่นของเว็บ - Video to Code - อัดวิดีโอหน้าจอที่โชว์ interaction ของเ

Same Energy คืออะไร เป็น visual search engine ใช้ AI/deep learning (โมเดลแบบเดียวกับ CLIP ของ OpenAI) ค้นหารูปที่มี style และ mood คล้ายกัน ไม่ได้ match จาก tag หรือ metadata แบบ search engine ทั่วไป Features หลัก 1. Search bar - พิมพ์ keyword หรือ paste รูปเข้าไปเพื่อหารูปที่ style ใกล้เคีย

📄 UX.md คือไฟล์ที่เปลี่ยน UX Knowledge ให้เป็น AI Context เพื่อให้ AI Agent สร้าง UI ที่ตรงกับผู้ใช้จริง แทนที่จะให้ AI เดาแล้วค่อย Refactor ทีหลัง แอดอ่านเจอแนวคิดนี้จากบทความของ NN/g และคิดว่าสำคัญมากสำหรับทีมที่ใช้ AI Agent ทำ Frontend ถ้า DESIGN.md คือ Source of Truth ของ Visual Rules, De

Figma เปิดตัว AI Skills Library บน Figma Community 🤖✨ Figma เพิ่มฟีเจอร์ใหม่ชื่อ AI Skills Library เข้ามาใน Figma Community เป็นคลังรวม "สกิล" หรือชุดคำสั่งสำเร็จรูปสำหรับ Figma Agent ที่ใครก็ทำขึ้นมาแล้วแชร์ให้คนอื่นโหลดไปใช้ต่อได้ฟรี 📌 คืออะไร สกิลคือไฟล์คำสั่ง (.md) ที่รวมขั้นตอน

🚀 เปิดรับสมัคร The AI Era for UX/UI รุ่นแรกแล้ว! เปลี่ยน Workflow งาน UX/UI ให้ทำงานร่วมกับ AI Agents ได้จริง ตั้งแต่ต้นน้ำจนถึง Handoff เคยเจอปัญหาเหล่านี้ไหม? ข้อมูลกระจัดกระจายใน Meeting Notes, Requirements, Jira, Notion และ Feedback จากผู้ใช้ กว่าจะรวมเป็น PRD ก็ใช้เวลานาน พอเริ่มออ

🚀 เปิดรับสมัคร The AI Era for UX/UI รุ่นแรกแล้ว! เปลี่ยน Workflow งาน UX/UI ให้ทำงานร่วมกับ AI Agents ได้จริง ตั้งแต่ต้นน้ำจนถึง Handoff เคยเจอปัญหาเหล่านี้ไหม? ข้อมูลกระจัดกระจายใน Meeting Notes, Requirements, Jira, Notion และ Feedback จากผู้ใช้ กว่าจะรวมเป็น PRD ก็ใช้เวลานาน พอเริ่มออ