Figma Design Agent Beta มาแล้ว!

🚀 Figma Design Agent มาแล้ว! 🔥

AI ผู้ช่วยออกแบบที่ฝังตัว ตรงบน Canvas ของ Figma จริง ๆ ไม่ใช่ plugin ไม่ใช่เครื่องมือภายนอก!

แทนที่จะต้องทำทุกอย่างด้วยมือแบบเดิม ๆ ตอนนี้เราสามารถ พิมพ์ภาษาไทยหรืออังกฤษ แล้วให้ AI ช่วยทำงานได้เลยทันที ✨

สิ่งที่ว้าวคือ มันไม่ใช่แค่ AI generate UI สวย ๆ

แต่มัน “เข้าใจ Figma จริง ๆ”

เข้าใจทั้ง:

* Components

* Variables

* Tokens

* Design Systems

* Layout

* Context ของไฟล์

* รวมถึง comments และ feedback ในงาน

ตอนนี้ใน Figma Design Agent สามารถทำได้แล้ว เช่น:

✨ Generate screens ใหม่จาก prompt

✨ Remix UI หลาย style พร้อมกัน

✨ ปรับ layout / spacing / hierarchy อัตโนมัติ

✨ ใช้ Design System ของทีมได้จริง

✨ Bulk edit ทั้งไฟล์ในครั้งเดียว

✨ เติม realistic content แทน lorem ipsum

✨ สรุป comments และ feedback ให้

✨ Critique UX / Accessibility ได้

✨ Generate edge cases / empty states

✨ เปลี่ยน Light → Dark mode ทั้ง flow

✨ Search components จาก library

✨ Update component states ทั้งโปรเจกต์

และสิ่งที่ “โคตรน่าสนใจ” คือ…

มันทำงาน “อยู่ในไฟล์เดียวกับทีม”

ไม่ต้อง copy ไป AI tools อื่น

ไม่ต้อง context switching

ไม่ต้อง export/import ไปมา

AI อยู่บน canvas แล้ว iterate ไปพร้อมกันได้เลย

Use case ที่น่าจะ impact มาก:

* explore design directions ได้เร็วขึ้น

* cleanup / consistency / layout faster

* maintain libraries ได้ง่ายขึ้น

* summarize feedback ได้ทันที

* bulk update flow ใหญ่ ๆ ได้เร็วขึ้น

อีกเรื่องที่น่าสนใจคือ Figma แยกชัดระหว่าง:

🎨 Figma Design Agent

= AI ช่วย “ออกแบบ”

กับ

⚡ Figma Make

= AI ช่วย “สร้าง interactive prototype / app”

พูดง่าย ๆ คือ

Agent ช่วยคิดและ iterate งาน design

ส่วน Make ช่วยเปลี่ยน design ให้กลายเป็น interactive experience

ตอนนี้ยังอยู่ใน Beta และทยอยปล่อยให้บาง account ใช้งาน

แต่จาก direction นี้ เห็นชัดว่า Figma กำลังสร้าง ecosystem ที่ AI ไม่ได้เป็นแค่ feature เสริมแล้ว แต่กลายเป็น collaborator ใน workflow จริง ๆ

#ai #figma #ติดเทรนด์ #ป้ายยากับlemon8 #uiux

1 วันที่แล้วแก้ไขเป็น

... อ่านเพิ่มเติมในฐานะนักออกแบบที่ใช้ Figma มานาน ผมรู้สึกตื่นเต้นมากกับฟีเจอร์ใหม่อย่าง Figma Design Agent Beta ที่ไม่ใช่แค่ AI ตัวหนึ่งที่แตกต่างจากเครื่องมือ AI ทั่วไป เพราะมันฝังตัวอยู่ใน Canvas ของ Figma โดยตรง ทำให้ไม่ต้องสลับแอปหรือ export-import ไฟล์บ่อย ๆ ซึ่งช่วยลดขั้นตอนที่ไม่จำเป็นและเพิ่มความรวดเร็วในการทำงานอย่างเห็นได้ชัด ผมทดลองใช้ฟีเจอร์ Generate screens จาก prompt ภาษาไทย พบว่า AI สามารถเข้าใจคำสั่งและสร้างหน้า UI ที่เหมาะสมกับบริบทของงาน รวมถึงการใช้ Design System ของทีมอย่างถูกต้อง ทำให้สามารถรีไซเคิล components ได้อย่างเป็นระบบ และรักษาความสม่ำเสมอในงานออกแบบของโปรเจกต์ได้มากขึ้น นอกจากนี้ การที่ AI สามารถสรุป comments และ feedback ในไฟล์ช่วยให้การประชุมดีไซน์กับทีมเกิดความชัดเจน ลดเวลาการอ่านและตอบคอมเมนต์แบบทีละอัน ที่ผมชอบที่สุดคือสามารถสลับ Light และ Dark mode ได้ทั้ง flow อัตโนมัติ ช่วยให้การทดสอบ UX กับโหมดต่าง ๆ ง่ายขึ้นมาก Figma Design Agent ยังช่วยปรับ layout, spacing และ hierarchy อัตโนมัติ ทำให้ขั้นตอน cleanup งานออกแบบที่เคยน่าเบื่อกลายเป็นเรื่องที่ทำได้เร็วและง่ายดายมากยิ่งขึ้น และถ้าคุณเป็นนักออกแบบที่ต้อง maintain libraries หรือต้อง bulk edit โปรเจกต์ใหญ่ ๆ AI ตัวนี้จะเป็นตัวช่วยชั้นดีที่ทำให้ประหยัดเวลาและลดข้อผิดพลาดจากการทำมืออย่างเห็นได้ชัด สำหรับคนที่สนใจ accessibility ตัว AI ยังช่วย critique UX ให้สอดคล้องกับแนวทาง WCAG ทำให้การออกแบบรองรับผู้ใช้ได้อย่างกว้างขวางขึ้นตามมาตรฐานสากล ซึ่งผมเชื่อว่าจะเป็นประโยชน์มากสำหรับทีมที่ให้ความสำคัญกับการเข้าถึงของผู้ใช้งานทุกกลุ่ม โดยรวมแล้ว Figma Design Agent Beta ส่งเสริมให้ AI เป็นผู้ช่วยออกแบบที่ร่วมทำงานกับทีมบนไฟล์เดียวกันอย่างแท้จริง ไม่ใช่แค่ฟีเจอร์เสริมธรรมดา แต่มันเปิดโอกาสให้ workflow การออกแบบดิจิทัลเปลี่ยนแปลงไปในทิศทางที่มีประสิทธิภาพและราบรื่นขึ้นอย่างเหนือระดับ

โพสต์ที่เกี่ยวข้อง

ภาพแสดงหัวข้อ 'Figma Agent Skills คืออะไร?' พร้อมคำอธิบายว่าเป็น Design-to-code workflows ที่ขับเคลื่อนโดย Figma MCP และแสดงความสามารถหลัก เช่น การตรวจสอบดีไซน์, สร้างเทมเพลต Code Connect และสร้าง/อัปเดตหน้าจอใน Figma
ภาพอธิบาย 'figma-use' ซึ่งเป็น Skill หลักที่จำเป็นสำหรับการให้ AI ทำงานใน Figma เพื่อสร้าง, แก้ไข, ลบโหนด, ตั�้งค่าตัวแปร, สร้างคอมโพเนนต์, แก้ไข auto-layout หรืออ่านข้อมูลไฟล์แบบโปรแกรม
ภาพอธิบาย 'figma-create-new-file' ซึ่งเป็น Skill สำหรับสร้างไฟล์ Figma หรือ FigJam ใหม่ใน Drafts ของผู้ใช้ โดยใช้ก่อน figma-use เมื่อต้องการไฟล์เปล่าหรือเมื่อผู้ใช้สั่งสร้างไฟล์ใหม่
Figma Agent Skills สำหรับ UXUI
Figma Agent Skills คืออะไร? 👀 อธิบายง่าย ๆ เลย มันคือชุดความสามารถของ AI Agents ที่ช่วยให้เราทำงานใน Figma ได้เร็วขึ้น และแม่นขึ้น ไม่ใช่แค่ช่วยออกแบบนะ แต่มันช่วยตั้งแต่ต้นจนจบ workflow เลย หลัก ๆ ทำได้ประมาณนี้ 👇 • สร้างและจัดการ Design เช่น generate หน้าจอจากไอเดียหรือ code หรือ
NUX Design

NUX Design

ถูกใจ 18 ครั้ง

สร้าง Diagram ใน FigJam ได้ด้วย AI Agent
🗒️ Figma MCP อัปเดตเพิ่ม Skills ใหม่มา บอกเลยว่า AI Agent ตอนนี้ช่วยทำ diagram ใน FigJam ได้หลายอย่างมากขึ้น 🤯 จากที่เมื่อก่อนนั่งทำเป็นวัน… ตอนนี้เหลือไม่กี่ชั่วโมง 🔥 ——————— ✨ แล้ว Figma MCP เพิ่ม FigJam Skills ทำอะไรได้บ้าง? * สร้าง / อ่าน / แก้ FigJam ได้ * สร้าง diagram จากคำอธิ
NUX Design

NUX Design

ถูกใจ 4 ครั้ง

5 Figma Plugins ไม่มีถือว่าพลาด
แชร์ของดีสำหรับสาย UI/UX ที่อยากทำงานไวขึ้น ✨ ช่วงนี้ลองใช้ Figma Plugins หลายตัว แล้วมี 5 ตัวที่รู้สึกว่า “ควรบอกต่อ” 💡 FigClaw = AI ช่วยสร้างงาน 💡 Morph = ทำเอฟเฟกต์สวยง่ายมาก 💡 Variable Code Syntax = ส่งงาน Dev ง่ายขึ้น 💡 InFrame = ทำ Mockup ไวสุด 💡 Lummi = หารูปสวย ๆ ได้เลย ใครเริ่
NUX Design

NUX Design

ถูกใจ 26 ครั้ง

Figma Shortcut update!! 2026
#figma #uxuidesign #uxui
Dddesignx

Dddesignx

ถูกใจ 6 ครั้ง

Figma เพิ่มการสร้าง Skills ใน Figma Make ได้แล้ว
🚀 Figma Make ปล่อย Custom Skills แล้ว! ตอนนี้เราสามารถสร้างหรือ Import “Skill” ของตัวเองเข้าไปได้แล้ว เปลี่ยน workflow ที่ใช้บ่อย ให้กลายเป็นคำสั่งสั้น ๆ แค่พิมพ์ /ชื่อ-skill แล้ว AI ก็รันตามขั้นตอนมาตรฐานที่เรากำหนดไว้ทันที ✨ ข้อดีคือ • ไม่ต้องพิมพ์ Prompt ยาว ๆ ซ้ำไปซ้ำมา • ผลลัพธ์คงที่ม
NUX Design

NUX Design

ถูกใจ 5 ครั้ง

uSpec คือ AI workflow ที่ช่วยสร้าง design system spec จาก Figma component ได้อัตโนมัติ ไม่ว่าจะเป็น Anatomy, API, Color, Structure หรือ Accessibility spec 📌 กดติดตามไว้เลยนะ เรากำลังจะเปิดคอร์ส “AI for UX/UI” สอนตั้งแต่พื้นฐาน → ใช้งานจริง แบบเอาไปใช้ได้เลย 👀🔥 #uidesign #ติดเทรนด์ #Le
NUX Design

NUX Design

ถูกใจ 0 ครั้ง

Vibe Coding Tools for Designers 💻✨ รวม tools สำหรับสายดีไซน์โดยเฉพาะ  ลองแล้วอย่าลืมมาอวดกันว่าเป็นยังไงบ้าง 🥰 #vibecoding #uxuidesigner #aitools #designtools
Nashavibes

Nashavibes

ถูกใจ 0 ครั้ง

ภาพสรุปแผนบริการใหม่ของ Figma แสดง 4 แผน (Starter, Professional, Organization, Enterprise) พร้อมราคาต่อเดือนสำหรับ Full, Dev และ Collab seat รวมถึง AI credits เพื่อช่วยในการตัดสินใจเลือกแผนที่เหมาะสมกับทีม.
Figma เพิ่ง update plan ไป แล้วเราจะต้องจ่ายเงินเพิ่มไหม?
แล้ว plan ไหนที่เหมาะสำหรับทีมเราบ้างนะ . มาหาคำตอบกันกับ live session “Right Figma Plan, Right Team: Figma Tier ไหนที่ใช่สำหรับทีมคุณ? มาหาคำตอบด้วยกัน” ของ Friends of Figma, Bangkok กับคุณโฟล์ค Tanon Techanithijinda Design Advocate จาก Tangunsoft เป็นบริษัทที่เป็นตัวแทนจำหน่ายขาย plan Figma หนึ
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 2 ครั้ง

Stitch AI > Figma Design
📍 Stitch AI > Figma Design เราจะไม่ได้ “ออกแบบ” แต่ “ประกอบหน้าตา” เท่านั้น . แอดมาชวนคุย สำหรับใครที่รู้สึกโดน pressure จาก AI trend อยู่ อย่าเพิ่งหมดกำลังใจ สิ่งที่ทำให้เรามีคุณค่า ไม่ใช่แค่การวาด UI แต่คือความเข้าใจปัญหา วิธีคิด และประสบการณ์ที่สั่งสมมา . วันนี้ Stitch AI ทำให้เห็นชัดเล
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

Plugin AI Agent ใน Figma ที่มีระบบ Agent Skills
🔥 เจาะลึก FigClaw Plugin 🤖 AI Agent ที่จะช่วยงานเราใน Figma 🎨 หลายคนอาจมองว่า Plugin ตัวนี้ก็เป็นแค่ AI Plugin ธรรมดาตัวหนึ่ง 😶 แต่จริง ๆ แล้วมันลึกกว่านั้นมาก 👀 แล้ว FigClaw Plugin ตัวนี้น่าสนใจยังไง? มาดูกัน 👇 ━━━━━━━━━━━━━━ 🚀 มารู้จักกันก่อนว่า FigClaw คืออะไร? AI Agent Plugi
NUX Design

NUX Design

ถูกใจ 2 ครั้ง

Figma Make อัปเดตเพิ่ม Features ใหม่ล่าสุด
ล่าสุด Figma อัปเดต Figma Make มาใหม่ 👀 รอบนี้บอกเลยว่าไม่ได้แค่เพิ่มฟีเจอร์…แต่เพิ่มการเชื่อมแอปเข้ามาอีกเพียบ จากเดิมที่เป็นแค่ “พิมพ์ prompt → ได้ prototype” ตอนนี้กลายเป็น AI design workspace เต็มตัว แล้ว 🤯 ⸻ 🔍 ภาพรวมอัปเดต Figma Make รอบนี้ Figma โฟกัส 3 แกนหลักเลย: * คุยกับ A
NUX Design

NUX Design

ถูกใจ 0 ครั้ง

🚀 Anthropic เปิดตัว Claude Design แล้ว! เครื่องมือที่เปลี่ยนการทำดีไซน์ให้ง่ายขึ้นไปอีกขั้น แค่บอกสิ่งที่ต้องการ Claude ก็สร้างเวอร์ชันแรกให้ทันที แล้วเราปรับผ่านการสนทนา แก้ไขตรงจุด หรือใช้ slider ที่มันสร้างให้ จุดเด่นคือ มันอ่านโค้ดและไฟล์ดีไซน์ของทีมเรา แล้วสร้าง Design system ให้อัต
NUX Design

NUX Design

ถูกใจ 20 ครั้ง

จาก 0 → มีพอร์ตจริง + ใบเซอร์จริง ใช้สมัครงานได้จริง ✨ Unlock skill UX/UI กับ @uxui.studio เพราะเราเข้าใจว่ามือใหม่ต้องการอะไร ย้ายสายงานได้ แม้ไม่มีพื้นฐานก็เรียนได้ครบจบที่นี่ สอบถามรายละเอียดเพิ่มเติมได้ทางเพจ Facebook: Uxui.studio 💬 #uxuistudio #uxdesign #uidesign #คอร์สuxui
Nashavibes

Nashavibes

ถูกใจ 14 ครั้ง

คอมเมนต์คำว่า “Skill” เดี๋ยวผมส่งลิงก์ไปให้
ใครที่ใช้ AI หรือ Vibe Coding มาสักพักนึงแล้ว จะเริ่มเจอ UI ที่มีหน้าตาเหมือนกันไปหมด ฟอนต์เดิม สีเดิม layout เดิม ดูยังไงก็รู้ว่า AI เจนออกมาแน่ๆ Claude Skills ช่วยแก้ปัญนี้ให้เราได้ มันคือ plugin ที่บอก Claude ว่าต้องคิดและทำงานยังไง วันนี้ผมเลยมาแชร์สกิลทั้ง 3 ตัว ที่เปลี่ยนให้ Clau
June Aekkaluk

June Aekkaluk

ถูกใจ 37 ครั้ง

Tiny Figma details on every item… this is too cute 🥹🎨 Thank you @figma ✨ #figma #vibecoding #webdesign #uxui #figmamake
Nashavibes

Nashavibes

ถูกใจ 1 ครั้ง

Tencent เปิดตัว Platform design ใหม่
✅ 🎉 Ardot จาก Tencent AI เปิดตัวแล้ว!🎉 แพลตฟอร์ม AI-native สำหรับงาน UI/UX ที่ครบวงจรจริงๆ เปลี่ยนจาก Prompt เป็นดีไซน์ แล้วส่งต่อเป็น Code ได้ในคลิกเดียว! 🚀 ✨ คุณสมบัติเด่น: - ✅ Design-to-Code ด้วยคลิกเดียว - ✅ นำเข้าไฟล์จาก Figma แบบ lossless (ไม่เสียรายละเอียด) - ✅ แก้ไขดีไซน์ด้วยข้อค
NUX Design

NUX Design

ถูกใจ 0 ครั้ง

Design System & Design Tokens - Figma ใครว่าง่าย ?
🔥 Design System & Design Tokens - UI DAY 3 รุ่น 49 . หัวข้อที่หลายคนคิดว่า “น่าจะไม่ยาก” แค่กำหนดค่าสี กำหนดฟอนต์ . จนกระทั่งได้เรียนจริง 555 😅 . เพราะนี่ไม่ใช่แค่การทำ UI ให้สวย แต่คือการคิดระบบให้ทีมใช้ต่อได้จริง . ตั้งแต่ Component, Variant, Auto Layout, Responsive, การตั้งชื่อ Colo
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

Designer อย่าเพิ่งเปิด Figma! ถ้ายังไม่ได้ถามสิ่งนี้
เบื่อไหม? รับบรีฟปุ๊บ เปิด Figma ปั๊บ... แต่สรุปงานโดนแก้รัวๆ เสียทั้งเวลาเสียทั้งอารมณ์! 😤 ก่อนจะกระโดดไปที่ "วิธีการทำ" มาหยุดเช็ก Point สำคัญกันก่อน เพื่อให้งานครั้งเดียวผ่าน (หรือแก้น้อยที่สุด!) 📍 แบ่งประเภทงานให้ชัดก่อนเริ่ม ก่อนอื่นต้องรู้ก่อนว่างานเราคือแบบไหน: 1️⃣ New Project:
techventure

techventure

ถูกใจ 8 ครั้ง

ภาพหน้าจอแสดงเว็บไซต์ Mobbin และ Uber พร้อมข้อความหลักว่า "แจกเว็บแหล่งรวม Inspiration ที่ใช้ทำ Design Research ด้วย AI Agent ได้" บนพื้นหลังสีเข้ม
ภาพหน้าจอแสดงตัวอย่าง UX Patterns สำหรับ Fintech Onboarding Flows (Mobile) พร้อมคำอธิบายเกี่ยวกับ Marketing Carousel และการใช้ AI Agents ในการทำ Design Research
ภาพหน้าจอแสดงอินเทอร์เฟซของ Refero.design ที่มีองค์ประกอบการออกแบบและโค้ด พร้อมข้อความ "Design research for humans and AI" และคำอธิบายคุณสมบัติของ Refero
แจกเว็บ UX/UI Design Research ด้วย AI Agents
🔍 แอดขอมาแจกเว็บ Design Reference 3 เว็บที่ใช้ทำ Research ด้วย AI Agent ได้เลย Pain เดิมของ AI ที่ใช้ออกแบบ UI อยู่ตอนนี้คือมันไม่รู้ว่า Real Product จริงๆ เขาทำกันยังไง ผลลัพธ์เลยออกมาสูตรสำเร็จ gradient ม่วงเหมือนกันหมด, layout ดูเดาได้, ไม่มี reference จริง ยิ่งไปกว่านั้น ลองให้ AI หลายๆ ต
NUX Design

NUX Design

ถูกใจ 5 ครั้ง

ภาพหน้าปกแสดงหัวข้อ 'สอนสร้างรูปใน Figma Weave เบื้องต้น' พร้อมอินเทอร์เฟซการทำงานแบบ Node-based ที่แสดงการสร้างภาพห้องและแมว
หน้าจอเข้าสู่ระบบของ Figma Weave ที่มีตัวเลือกให้เข้าสู่ระบบด้วย Google, Figma หรือ Microsoft พร้อมข้อความแนะนำให้ Login ตามปกติ
หน้าจอหลักของ Figma Weave แสดงส่วน 'My Files' และ 'Workflow Library' พร้อมปุ่ม 'Create New File' เพื่อเริ่มต้นสร้าง Workflow ใหม่
สอนสร้างรูปใน Figma Weave ของใหม่
Figma AI กำลังก้าวไปอีกขั้นแล้วจริง ๆ 👀 เพราะล่าสุด Figma เข้าซื้อ Weavy แล้วรีแบรนด์เป็น “Figma Weave” นี่ไม่ใช่แค่เพิ่มฟีเจอร์นะ… แต่มันคือการ “เปลี่ยนวิธีทำงานของดีไซเนอร์” เลยก็ว่าได้ ⸻ Figma Weave ไม่ได้หยุดที่คำว่า “generate” แต่มันให้เราสร้าง workflow ของตัวเอง แบบต่อ node ได้ 🧩
NUX Design

NUX Design

ถูกใจ 3 ครั้ง

Figma Plugin ที่จะสร้างไฟล์ Design Systems ให้ AI อ่านก่อนทำงาน
ทีมที่มี Design System อยู่ใน Figma แล้ว ในยุค AI เคยคิดไหมว่า… จะทำยังไงให้ AI เข้าใจระบบดีไซน์ของเราได้จริง ๆ ? 🤔 นอกจากใช้ Figma MCP Server อย่างเดียว เพราะถ้าใช้แค่ prompt แบบนี้ 👇 * ใช้สีตาม brand นะ * radius 12 นะ * ปุ่มมี 3 size นะ * spacing ตามระบบนะ ทุกครั้งที่ให้ AI สร้าง
NUX Design

NUX Design

ถูกใจ 7 ครั้ง

🔥 Vibe Design vs Vibe Code ต่างกันยังไง?
🔥 Vibe Design vs Vibe Code ต่างกันยังไง? . ช่วงนี้ AI Tools สำหรับสาย Design / Product / Coding มาแรงมาก แต่หลายคนอาจยังสับสนว่าแต่ละเครื่องมือเหมาะกับงานแบบไหน . สรุปง่าย ๆ คือ Vibe Design Tools = ช่วยให้ไอเดียกลายเป็นภาพ เช่น UI, Wireframe, Prototype หรือ Design Direction . Vibe Code Too
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

FOODEE – Food Community App UI
Problem Users want to discover food, not only order it. User research Food lovers often search social media for food inspiration. Design solution A visual interface that helps users explore and save dishes. #uidesign #appdesign #uxui #figmadesign #ฟรีแลนด์
Moonatelier

Moonatelier

ถูกใจ 1 ครั้ง

ภาพแสดงการออกแบบเว็บไซต์ UNO Coffee แบบ Responsive Design สำหรับ Desktop, Tablet และ Mobile โดยปรับเลย์เอาต์และเนื้อหาให้เหมาะสมกับขนาดหน้าจอที่แตกต่างกัน รวมถึงส่วนเมนูและโปรโมชั่น
ภาพแสดงการออกแบบเว็บไซต์ UNO Coffee ส่วนเมนูเครื่องดื่มและโปรโมชั่นในรูปแบบ Responsive Design สำหรับ Desktop, Tablet และ Mobile โดยมีการจัดเรียงสินค้าและข้อเสนอพิเศษที่�ปรับเปลี่ยนตามขนาดหน้าจอ
ภาพแสดงการออกแบบเว็บไซต์ UNO Coffee ส่วนเกี่ยวกับเรา สินค้าขายดี และโปรแกรมสะสมคะแนนในรูปแบบ Responsive Design สำหรับ Desktop, Tablet และ Mobile ที่ปรับการจัดวางข้อมูลและรีวิวลูกค้าให้เหมาะสม
สนามสอบสุดโหดของ UX/UI มือใหม่ - Responsive Design
🚨 Responsive Design คือสนามสอบสุดโหดของ UX/UI มือใหม่ 😎 . เพราะคุณต้องคิด “ทุกขนาดจอ ทุกสัดส่วน ทุก Scenario” และเข้าใจความเป็นไปได้ ทั้งข้อความที่ขยาย ภาพที่หด และการจัดลำดับเนื้อหาที่เปลี่ยนไป . หลายคนยังเข้าใจผิดว่า UX/UI = ออกแบบภาพให้เหมือน Graphic Design แต่จริง ๆ แล้วมันต่างกันตั้งแต่
UXUI STUDIO

UXUI STUDIO

ถูกใจ 4 ครั้ง

ภาพแสดงการออกแบบเว็บไซต์ UNO Coffee แบบ Responsive Design สำหรับเดสก์ท็อปและมือถือ ซึ่งเป็นผลงาน Design Challenge UXUI รุ่น 45 กลุ่ม 4 ประกอบด้วยหน้า Landing Page, รายละเอียดสินค้ากาแฟ, สินค้า UNO และโทนสีที่ใช้ในการออกแบบ
Website Responsive Design - UXUI Design
ปิดท้ายด้วยย ผลงาน Design Challenge UXUI รุ่น 45 - GROUP 4 . 🔥 Landing Page - UNO Coffee [Website Responsive Design] . ตัวอย่างผลงานนักเรียนกลุ่ม 4 : สำหรับเนื้อหา 1 สัปดาห์แรกเท่านั้นนนน เก่งมากก . เริ่มต้นจาก 0 สู่ผลงานจริง สำหรับโจทย์จำลอง ให้ฝึกฝน ก่อนที่จะลงมือทำจริงใน Pitching Project
UXUI STUDIO

UXUI STUDIO

ถูกใจ 1 ครั้ง

แจก Prompt สำหรับสร้างรูปใน GPT และ Gemini
ใครคิด Brand ไม่ออก ลองอันนี้ก่อนเลย 👀✨ แค่ “แปะโลโก้” แล้วให้ AI ช่วยตี Mood & Style ออกมาให้แบบง่าย ๆ คือมันสะดวกมากนะ… เหมือนมีไกด์ไลน์คร่าว ๆ มาให้เลย 🎨 สายทำแบรนด์ / รีแบรนด์ คือควรลองจริง ๆ ลองแล้วเป็นไง เอามาอวดกันหน่อยนะ 💬 #ติดเทรนด์ #Lemon8ฮาวทู #ป้ายยากับlemon8 #aiสร
NUX Design

NUX Design

ถูกใจ 5 ครั้ง

ทำไม UX/UI Designer เก่งๆถึงไม่โต (และมันไม่ใช่เรื่องฝีมือ)
โอเคนะ ขอถามตรงๆ ก่อน.... Figma ใช้คล่อง deliver ตรงเวลา ทีมก็ไม่มีปัญหาอะไรกับเรา แต่พอมองย้อนกลับไป 1-2 ปี ตำแหน่งไม่ขยับ เงินเดือนขึ้นนิดหน่อย แล้วคนที่ได้โปรโมตไป... ก็ไม่ได้เก่ง Figma กว่าเราเลยด้วยซ้ำ รู้สึกแบบนี้บ้างไหม? ถ้าใช่ บทความนี้เขียนมาเพื่อคุณโดยเฉพาะ ก่อนอื่นต้องพูดเรื่องนี
หมีเรื่องแบรนด์

หมีเรื่องแบรนด์

ถูกใจ 19 ครั้ง

ทำเว็บสมัยนี้ง่ายกว่าที่เคยคิดไว้เยอะมาก . แค่พิมพ์ไอเดียสั้น ๆ ลงไปใน Claude Design AI ก็สามารถสร้างเว็บไซต์ออกมาให้เราได้ทันที ทั้งเลย์เอาต์ ดีไซน์ และแอนิเมชัน จัดมาให้ครบแบบพร้อมใช้งาน . ไม่ต้องเขียนโค้ด ไม่ต้องเริ่มจากศูนย์ ไม่ต้องเสียเวลาหลายวันเหมือนเมื่อก่อน . ที่สำคัญคือ… เราสาม
AIทำอะไรได้บ้าง

AIทำอะไรได้บ้าง

ถูกใจ 8 ครั้ง

ภาพแสดงหน้าจอ Claude Design ที่กำลังสร้าง UI และ Design System สำหรับแอปจองตั๋วรถทัวร์ 'Tour by Claude' ประกอบด้วยหน้าจอแอปพลิเคชันมือถือหลายหน้า เช่น หน้าหลัก, ผลการค้นหา, การเลือกที่นั่ง และ E-ticket พร้อมรายละเอียดของ Design System และตัวอย่าง QR Code
Claude Design มาใหม่แบบไม่พัก
Claude Design เปิดตัวใหม่ เลยเอามาแชร์กัน https://claude.ai/design . ✅ได้ → ใช้เวลาไม่กี่นาที สั่งให้มันทำ UI หน้าแอป ✅ ได้ → ต่อด้วย Prototype แบบ interactive ✅ ได้ → ลองให้ generate Design System พร้อม token ✅ ได้ → ขอ Storybook ของ component ทั้งหมด . เร็วมากจนรู้สึกว่ากระบวนการที่เค
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

เปลี่ยน Google Sheet ธรรมดา ให้กลายเป็น Dashboard อัตโนมัติ 📊 ไม่ต้องนั่งทำกราฟเอง ไม่ต้องสร้างรายงานใหม่ทุกครั้ง . แค่ใช้ Live Artifacts ใน Claude Cowork ให้ AI ดึงข้อมูลจากไฟล์ แล้วสรุปออกมาเป็นภาพรวมให้ทันที . พอข้อมูลใน Sheet อัปเดต แค่กดปุ่มรีโหลด ระบบก็แสดงข้อมูลล่าสุดให้เลย . แ
AIทำอะไรได้บ้าง

AIทำอะไรได้บ้าง

ถูกใจ 8 ครั้ง

โปรแกรมสำหรับ UXUI Designer 💫
รวมทุกโปรแกรมที่สำคัญสำหรับสาวกอุกอุยทุกคน! ใครที่เคยใช้โปรแกรมไหนแล้วอยากมาแชร์กันบ้าง คอมเม้นมาบอกพิกัดกันได้เล้ยยย 😚 #uxuidesign #โปรแกรมออกแบบ #designer
Dddesignx

Dddesignx

ถูกใจ 245 ครั้ง

เนื้อหาใหม่ล่าสุดเสมอ อัปเดตตาม Figma แบบเรียลไทม์
❌ เนื้อหาเก่า Figma ไม่อัปเดต feature ✅ เนื้อหาใหม่ล่าสุดเสมอ อัปเดตตาม Figma แบบเรียลไทม์ . ทุกวันนี้ Figma ไปไกลมากไม่ว่าจะเป็น Feature ด้านในโปรแกรมเอง เช่น Figm slot, Variable, Variant, .. . และที่ไปไกลมากกว่านั้นคือ Figma MCP, Figma Make, AI Tools ต่าง ๆ . 🔥 ซึ่งเราไม่ได้สอนแค่พื้นฐ
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

ตอนนี้การทำสไลด์ไม่ใช่เรื่องยากอีกต่อไป ด้วยฟีเจอร์ Design ของ Claude คุณสามารถเปลี่ยน “บรีฟธรรมดา” ให้กลายเป็นสไลด์ที่จัดโครงสร้างสวยงามได้ทันที ✨ วิเคราะห์เนื้อหาให้อัตโนมัติ ✨ ออกแบบเลย์เอาต์ให้ครบ ✨ ตรวจและแก้งานให้เอง และยังสามารถ export ใช้งานต่อบน Canva ได้อีกด้วย
AIทำอะไรได้บ้าง

AIทำอะไรได้บ้าง

ถูกใจ 2 ครั้ง

ยิ่งขนาดใหญ่ ใกล้นิ้ว ยิ่งหาง่ายกดง่าย UX Law ข้อที่ 2 Fitts's Law #uxlaws #uxuidesign #UXUI #figma #PrinceHouse
Prince House | UX Stories

Prince House | UX Stories

ถูกใจ 0 ครั้ง

Figma MCP X Claude - Part 2
🤖✨ ทั้งหมดนี้สร้างด้วย Figma MCP x Claude AI [Part 2] 🤩 . แอดมินลอง POC ใช้ MCP สั่งให้ Claude สร้าง Design System มาให้ 2 แบบ . 👉 1. แบบ Document บน Figma เอาไว้จัดโครงสร้าง Design System ให้ทีมเห็นภาพรวม อ่าน guideline และ review งานร่วมกันได้ง่าย . 👉 2. แบบ Web Page สำหรับไว้ Deliver งานใ
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

ภาพแสดง UI SOURCES เป็นแหล่งรวมแรงบันดาลใจด้านการออกแบบ UI/UX ที่แท้จริง นำเสนอตัวอย่าง UI ของแอปต่างๆ เช่น การเริ่มต้นใช้งาน, ตัวกรองการค้นหา และไมโครอินเทอร์แอคชัน เน้นการสนับสนุนผู้เริ่มต้นโดย UXUI STUDIO พร้อมเมนูนำทางเช่น "Home", "Apps", "Screenshots", "Interactions"
UI SOURCES - Real design inspiration
📍 UI SOURCES . แหล่งรวม User Journey ของ Top Grossing Apps . 👀 แอบดู UX ของ Top Grossing Apps ผ่าน User Journey Recording แบบครบตั้งแต่เริ่มจนจบ [end to end ] . ช่วยให้คุณลด iteration cycle, เก็บ insight ได้เร็ว, มองเห็น trend และ benchmark เทียบคู่แข่ง/มาตรฐานอุตสาหกรรมได้ทันทีแบบง่าย ๆ .
UXUI STUDIO

UXUI STUDIO

ถูกใจ 0 ครั้ง

ขายเพลง Sound On! #แชร์ประสบการณ์ #digitalart #sunoai #soundon #tiktokviral
BlackGroundMeYou

BlackGroundMeYou

ถูกใจ 0 ครั้ง

ดูเพิ่มเติม