Figma 101 : ทำได้ครอบจักรวาลแล้วตอนนี้ ติดตามไว้เลย ทริคดีๆมีมาเรื่อยๆ #uxuidesign #PrinceHouse #figma #UXUI #figmadesign

2/25 แก้ไขเป็น

... อ่านเพิ่มเติมเมื่อเริ่มต้นใช้ Figma การเข้าใจเครื่องมือต่างๆ อย่าง Auto Layout ถือเป็นสิ่งสำคัญที่ช่วยให้การจัดวางองค์ประกอบในหน้าจองานออกแบบของคุณทำได้ง่ายและรวดเร็วมากขึ้น จากประสบการณ์ตรง พบว่า Auto Layout สามารถช่วยประหยัดเวลามหาศาลในการปรับขนาด เปลี่ยนตำแหน่ง หรือเพิ่มลดข้อมูลตามความต้องการได้อย่างอัตโนมัติ และยังมีฟีเจอร์ Text baseline alignment ที่ทำให้การจัดวางข้อความดูสวยงามและเรียบร้อยเหมือนมืออาชีพ นอกจากนี้ การใช้ฟังก์ชัน Prototype ของ Figma ช่วยแสดงภาพรวมการทำงานของโปรเจกต์ได้ดี สามารถสร้างการเชื่อมโยงระหว่างหน้าต่างๆ เพื่อจำลองประสบการณ์ใช้งานจริงให้กับลูกค้าหรือทีมพัฒนาได้ง่ายขึ้น อีกหนึ่งฟีเจอร์ที่หลังๆ เริ่มถูกพูดถึงมากคือ Dev Mode ที่ทำให้การส่งมอบงานให้ผู้พัฒนามีความครบถ้วนทั้งข้อมูลและรายละเอียด ลดปัญหาเรื่องการสื่อสารและความเข้าใจคลาดเคลื่อน สำหรับใครที่ชอบใช้งานร่วมกับทีม Figma ยังมี FigJam ซึ่งเป็นพื้นที่สำหรับ Brainstorm และจัดระเบียบไอเดียอย่างเป็นระบบ และไม่ว่าคุณจะอยู่ที่ไหนก็สามารถทำงานร่วมกันแบบเรียลไทม์ได้ ซึ่งสะดวกมากในยุคที่การทำงานระยะไกลกำลังเป็นที่นิยม จากการใช้งานจริงพบว่าการเริ่มต้นด้วยเทคนิคเล็กๆ เหล่านี้ช่วยปลดล็อกศักยภาพการออกแบบของเราได้อย่างน่าทึ่ง และเมื่อผสมผสานเทคนิคเหล่านี้เข้าไปกับความคิดสร้างสรรค์ จะทำให้คุณออกแบบแอปพลิเคชันหรือโปรเจกต์ UX/UI ได้มีประสิทธิภาพและสวยงามจนโดดเด่นในตลาด

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

ภาพอินโฟกราฟิกแสดง Claude Design เป็นเครื่องมือ AI สำหรับงานออกแบบ สร้างสรรค์ และพัฒนาครบวงจร โดยมีหน้าจอแท็บเล็ตแสดงการออกแบบ Landing Page พร้อมโค้ด HTML และรายการความสามารถ เช่น ออกแบบ UI/UX, สร้างภาพ, เขียนโค้ด, เขียนคอนเทนต์, วิเคราะห์/วางแผน และทำงานต่อเนื่อง
Claude Design🧡 เจาะลึกทำได้มากกว่าที่คุณคิด
ช่วงแรกๆ ที่หลายคนเริ่มใช้ Claude คนมักมองมันเป็นแค่ AI สำหรับ “ถาม-ตอบ” หรือช่วยสรุปข้อมูลทั่วไป แต่พอเวลาผ่านไป สิ่งที่น่าสนใจคือ Claude เริ่มขยับจากการเป็น “Chatbot” ไปสู่การเป็น “Creative Workspace” แบบเงียบๆ และหนึ่งในสิ่งที่คนเริ่มพูดถึงมากขึ้นเรื่อยๆ ก็คือสิ่งที่หลายคนเรียกรวมๆ ว่า “
NerdDailyDose

NerdDailyDose

ถูกใจ 138 ครั้ง

ภาพพื้นหลังเป็นมือคนกำลังถือกระดาษตัวอย่างสี พร้อมข้อความหัวข้อว่า "UX/UI ทำงานร่วมกับใครบ้าง ตั้งแต่เริ่มจนจบ" บนพื้นหลังสีดำ
ภาพแสดงขั้นตอนที่ 1 ของการทำงาน UX/UI คือ "รับโจทย์ + วางเป้าหมาย" โดยระบุผู้ร่วมงานและสิ่งที่ UX/UI ทำในขั้นตอนนี้
ภาพแสดงขั้นตอนที่ 2 ของการทำงาน UX/UI คือ "รีเสิร์ช + เข้าใจผู้ใช้" โดยระบุผู้ร่วมงานและสิ่งที่ UX/UI ทำในขั้นตอนนี้
🧩 UX/UI ไม่ได้ทำงานคนเดียวบน Figma
เพราะในแต่ละเฟสของโปรเจกต์ เราต้องสื่อสารกับคนหลากบทบาท ทั้ง PO, Dev, QA, UX Writer #uxuidesigner #uxuiworkflow #productdesign #uxui
Nashavibes

Nashavibes

ถูกใจ 62 ครั้ง

30 เครื่องมือ AI ที่ควรรู้จักในปี 2026 ช่วยทำงานแทนคุณได้ทั้งองค์กร
รวม AI Tools ที่น่าสนใจที่สุดแห่งปี 2026 ตั้งแต่ ChatGPT, Claude, Cursor ไปจนถึงระบบ Automation ที่ช่วยทำงานแทนคุณได้ทั้งองค์กร Long Text Article (Lemon8) ปี 2026 เป็นปีที่ AI ไม่ได้เป็นเพียงเครื่องมือช่วยทำงานอีกต่อไป แต่กำลังกลายเป็น “ระบบปฏิบัติการใหม่ของการทำงาน” หากเมื่อก่อนเราถามว
NerdDailyDose

NerdDailyDose

ถูกใจ 1314 ครั้ง

howto ออกแบบโลโก้ง่ายๆใน figma
ไอเดียออกแบบโลโก้การ์ตูนน่ารักๆ แบบง่ายๆ ทำตามได้แน่นอน #ออกแบบโลโก้ #โลโก้ #วาดโลโก้ #ออกแบบโลโก้สินค้า #upick1
UPick1

UPick1

ถูกใจ 25 ครั้ง

ภาพแสดงชื่อหัวข้อ 'ขั้นตอนการทำงานของ UX/UI Designer (ฉบับพอสังเขป)' พร้อมโลโก้ d.ddesignz
ภาพแสดงขั้นตอนที่ 1: Research & Discovery (สำรวจและเข้าใจผู้ใช้) พร้อม To do List เช่น สัมภาษณ์ผู้ใช้, สร้าง Persona, ศึกษาคู่แข่ง และกำหนดเป้าหมายโครงการ
ภาพแสดงขั้นตอนที่ 2: Define & Ideate (สรุปปัญหาและระดมไอเดีย) พร้อม To do List เช่น สร้าง User Journey, เขียน Problem statement และระดมความคิด
UXUI designer เขาทำงานยังไงกัน!?
ปัจจุบัน UXUI เป็น career path ที่กระจาย แยกออกเป็นยิบย่อย department เยอะมากก โดยหลายบริษัทจะแยก UX และ UI ออกจากกัน ก็จะทำให้หน้าที่ความรับผิดชอบมีความเฉพาะเจาะจงมากขึ้น ซึ่งโพสต์นี้เป็นเพียงแนวทางการทำงานเท่านั้น การทำงานจริงนั้น สิ่งที่ต้องมีมากที่สุดคือ การแก้ไขปัญหาหน้างาน และ design think
Dddesignx

Dddesignx

ถูกใจ 98 ครั้ง

🚀 อัปเดต 30 เครื่องมือ AI 2026 ที่ดีช่วยให้คุณทำงานได้งานขึ้น!
ปี 2026 ไม่ใช่แค่ปีที่ AI เข้ามามีบทบาท แต่เป็นปีที่ AI กลายเป็น "เพื่อนร่วมงาน" ที่ขาดไม่ได้ หากคุณต้องการเพิ่มประสิทธิภาพการทำงานให้ก้าวกระโดด นี่คือลิสต์เครื่องมือที่คัดสรรมาแล้วว่า "ใช้จริง เห็นผลจริง" แบ่งตามหมวดหมู่การใช้งานครับ: 1. ผู้ช่วยอัจฉริยะ (General Assistants) สำห
CHAMPMii

CHAMPMii

ถูกใจ 285 ครั้ง

ทำเว็บในงบ 0 บาท ด้วย AI
วิธีทำเว็บสำหรับสายเเข่ง Hackathon หรืออยากทำ Prototype เอาไว้ User Testing ที่สามารถส่งลิ้งค์ให้ลองใช้งานได้จริง หรืออยากทำ Portfolio บนเนตเเบบปังๆ 1. ใช้ AI เขียนโค้ดให้ (หลายคนเรียกว่า Vibe code) ส่วนตัวเคยใช้ Figma Make หรือ Gemini Pro Canvas เพราะจะเห็นหน้าตาของเว็บเวลาเราให้คำสั่งไป ชอบเพร
ทาสการตลาด.

ทาสการตลาด.

ถูกใจ 21 ครั้ง

ภาพหน้าจอแสดงการออกแบบแอปพลิเคชันมือถือ 4 หน้าจอ ได้แก่ Explore, Closet, Category และ User สำหรับแอปพลิเคชันเสื้อผ้าแฟชั่น
ภาพแสดงผังการไหลของผู้ใช้งาน (user flow) สำหรับแอปพลิเคชันสูตรอาหาร โดยมีหน้าจอค้นหา หมวดหมู่ และหน้า My Recipes
ภาพสไลด์นำเสนอ 'Design System' ที่แสดงชุดสี (color palette) รูปแบบตัวอักษร (font styles) และส่วนประกอบ UI (UI components) สำหรับการออกแบบ
คอร์สเรียน UXUI - ที่ลงมือทำจริง ได้ผลงานจริง
🎯 Pitching Project คือผลลัพธ์ปลายทางของคลาสนี้เลยครับ . ทุกคนต้องทำโปรเจกต์จริงตามเงื่อนไขของคลาส โดยต้องนำ Methods และความรู้ทั้งหมดที่เรียนมา . ฝึกคิด ฝึกออกแบบ แล้วก็ฝึกเล่าไอเดียเหมือนตอนพรีเซนต์งานจริงกันเลย . บางคนจัดการเวลาได้ดีมากกก ทำออกมาดีจนแทบจะเป็น Portfolio สมัครงานได้เลย 😍
UXUI STUDIO

UXUI STUDIO

ถูกใจ 6 ครั้ง

ภาพประกอบมือวางกระดาษเขียนคำว่า "Brand" ข้างขนมหวานและถ้วยกาแฟ พร้อมข้อความ "How to ทำแบรนด์ ฉบับคนงบน้อย!" และโลโก้ Lemon8, @bearbykim, #babehouseacademy
ภาพข้อความแนะนำการทำแบรนด์ฉบับคนงบน้อย: "เลือกสินค้าแบบเสี่ยงน้อย" โดยเริ่มจากสินค้าที่ไม่ต้องสต็อกเยอะ เช่น Pre-order, Made to order, Dropship เพื่อลดต้นทุนและไม่ต้องกังวลสต็อกค��้าง
ภาพข้อความแนะนำการทำแบรนด์ฉบับคนงบน้อย: "ทำ Branding เองก่อน" โดยใช้เครื่องมือฟรี เช่น Canva, Figma เน้นเลือกโทนสีและฟอนต์ให้ชัดเจน เพราะภาพลักษณ์สำคัญกว่าของแพง
HOW TO ทำแบรนด์ฉบับคนงบน้อย! 🛒💰💖 ไม่ต้องมีเงินล้านก็สร้างแบรนด์ได้! ใครมีงบน้อยแต่อยากมีแบรนด์เป็นของตัวเองจดไว้เลย! พี่เบ๊บเอา HOW TO สร้างแบรนด์แบบใช้งบน้อยม๊ากก มาฝากแล้ววว💭✨💌 ใครอยากสร้างแบรนด์จึ้ง ๆ ปัง ๆ แต่มีงบนิดเดียว;-; พี่เบ๊บขอเสริ์ฟ ✨ “วัยรุ่นสร้างแบรนด์” (online) by พี่ไซ ที่สอนค
Bearbykim

Bearbykim

ถูกใจ 629 ครั้ง

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

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

ถูกใจ 28 ครั้ง

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

Dddesignx

ถูกใจ 41 ครั้ง

พามารู้จัก AI ผู้ช่วย Claude อะไรคือ Skills และใช้ทำอะไร 💻✨
ช่วงนี้หลายคนน่าจะเห็นคนพูดถึง Claude กันเยอะมาก จนเพื่อนเราทักมาถามว่าสรุปแล้วมันคืออะไร และเอามาทำอะไรได้บ้าง? โพสต์นี้เราเลยขอมาทำ Quick Tour พาไปดูฟีเจอร์ที่น่าสนใจ อิงจากข้อมูลและคู่มือของ Anthropic กันค่ะ 🌸 (save ไว้มาอ่านอีกทีได้นะคะ) อย่างแรกเลยที่น่าสนใจคือเรื่องของการสร้าง Skills ค
Sugarcane

Sugarcane

ถูกใจ 70 ครั้ง

10 เครื่องมือเด็ด ช่วยให้การทำงานระยะไกลมีประสิทธิภาพมากขึ้น
💻✨ 10 เครื่องมือเด็ด ช่วยให้การทำงานระยะไกลมีประสิทธิภาพมากขึ้น! ปัจจุบันการทำงานแบบ Remote Work และ Hybrid Work กลายเป็นเรื่องปกติของหลายองค์กร การเลือกใช้เครื่องมือที่เหมาะสมจะช่วยให้การสื่อสาร การจัดการงาน และการติดตามผลเป็นเรื่องง่ายขึ้น 📌 เครื่องมือที่แนะนำในภาพ 1️⃣ Zoom – ประชุมออนไล
iQ iT : ไอคิว ไอที

iQ iT : ไอคิว ไอที

ถูกใจ 5 ครั้ง

🧩 UX/UI ไม่ได้ทำงานคนเดียวบน Figma
เพราะในแต่ละเฟสของโปรเจกต์ เราต้องสื่อสารกับคนหลากบทบาท ทั้ง PO, Dev, QA, UX Writer #uxuidesigner #uxuiworkflow #productdesign #uxui #remoteworker
Nashavibes

Nashavibes

ถูกใจ 15 ครั้ง

ภาพปกแสดงข้อความภาษาไทยว่า "อัปเดต ตัวช่วยเด็กมหาลัย ใช้แล้วชีวิตง่ายขึ้น!" บนพื้นหลังสีสันสดใส มีโลโก้ SPU และ Lemon8 พร้อมชื่อผู้ใช้ @sripatum.spu
ภาพแสดงเว็บไซต์ photoskop.com ซึ่งเป็นเว็บจำลองกล้องแบบอินเทอร์แอคทีฟ ช่วยให้ผู้ใช้เรียนรู้การปรับค่ากล้องพื้นฐานผ่านภาพเสมือนจริง พร้อมตัวอย่างการจัดแสงและท่าโพสถ่ายภาพ
ภาพแสดงเว็บไซต์ godly.website ซึ่งเป็นศูนย์รวมแรงบันดาลใจงานออกแบบเว็บ (UI/UX) ระดับโลก มีตัวอย่างแอนิเมชันและการโต้ตอบจริง พร้อมระบบแยกหมวดหมู่สำหรับนักออกแบบ
รวมเว็บไซต์ตัวช่วยนักศึกษา ที่จะทำให้การเรียนง่ายขึ้นกว่าเดิม ✨
📚 ยุคนี้เรียนอย่างเดียวอาจไม่พอ… ต้องมีตัวช่วยด้วย! ใครลองใช้แล้วมารีวิวกันได้ที่ใต้คอมเมนต์เลย #แนะนำแอพเรียน #แนะนำแอพเพื่อการศึกษา #ติดเทรนด์ #Lemon8ฮาวทู #ป้ายยากับlemon8
Sripatum.spu

Sripatum.spu

ถูกใจ 32 ครั้ง

ใหม่! Claude Design ทำสไลด์/เว็บใหม่ สวย ง่าย
ใหม่! Claude Design ทำสไลด์/เว็บใหม่ สวย ง่ายด้วย Prompt สั้นๆ Claude Design มาแล้วครับบบ ทำได้ทั้งสไลด์และเว็บไซต์ แค่พิมพ์สั้นๆ ไม่ต้องเขียน Prompt ยาวอีกต่อไป 🔥 ผมทดสอบเองในคลิปนี้ สุดสุดมากครับ! ✅ Design System ตั้งแบรนด์ได้ ✅ Slide Deck พร้อม Speaker Note ✅ Prototype เว็บพร้อมโค้ด
อ.เก่ง ภูวนัย

อ.เก่ง ภูวนัย

ถูกใจ 32 ครั้ง

Designer ใช้ MacBook Neo ไหวไหม? 🎨
Graphic Designer ใช้ M1 มาตลอด เปลี่ยนมา Neo เป็นยังไง? 🎨💜 เรื่องนี้ต้องเล่ายาวนิดนึงนะ ตามมาเลย ✨ 📍 จุดเริ่มต้น ทำงาน Graphic Designer ระดับ Entry-Mid ใช้ MacBook Air M1 ที่บริษัทมาเป็นปีๆ M1 = เครื่องที่ "ใช้งานได้เกินคาด" ตลอดเวลา ไม่เคยมีโมเมนต์ที่อยากตะโกน 🆕 Neo มา เห็นข่าวเปิด
Zac_67

Zac_67

ถูกใจ 22 ครั้ง

ภาพแสดงหัวข้อ '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

ถูกใจ 24 ครั้ง

ภาพรวมของสรุปเนื้อหาการเรียนวิชาทันตกรรมและพยาธิวิทยา ประกอบด้วยแผนภาพ, รูปภาพประกอบ, และข้อความที่เขียนด้วยลายมืออย่างละเอียด ครอบคลุมหลายหัวข้อ เช่น พยาธิสภาพของเนื้อเยื่อ, โรคของฟันและเนื้อเยื่อรอบฟัน, การติดเชื้อรา, และความผิดปกติของข้อต่อขากรรไกร
สรุปเนื้อหาเกี่ยวกับพยาธิสภาพของเยื่อบุผิวและรอยโรคสีขาวในช่องปาก มีรายละเอียดเกี่ยวกับ Frictional keratosis, Leukoplakia, Nicotine stomatitis, Lichen planus, Leukoedema, White sponge nevus พร้อมภาพประกอบทางคลินิกและจุลพยาธิวิทยา รวมถึงการอธิบาย Epithelial dysplasia และ Mitotic figures
สรุปเนื้อหาเกี่ยวกับโรคของโพรงประสาทฟันและเนื้อเยื่อรอบรากฟัน (Pulp & periapical disease) ครอบคลุมการเกิดหินปูนในโพรงประสาทฟัน, ภาวะโพรงประสาทฟันอักเสบ (Reversible, Irreversible, Chronic hyperplastic pulpitis), เนื้อเยื่อโพรงประสาทฟันตาย, การละลายตัวจากภายใน, และการวินิจฉัยและการรักษา พร้อมภาพประกอบฟันและแผนภาพ
เสียเวลาแต่ยังเลือกทำสรุปทุกการสอบ
การทำสรุปก่อนสอบเป็นเรื่องที่กินเวลามากสำหรับหลายคน บางครั้งใช้เวลาเป็นชั่วโมง ๆ เพื่อย่อเนื้อหาหลายร้อยหน้าให้อยู่ในไม่กี่แผ่น ต้องนั่งอ่านซ้ำ เขียนใหม่ จัดหัวข้อ แยกสี และกลับมาทวนหลายรอบ จนแทบไม่ได้นอน หลายคนอาจมองว่าเป็นการเสียเวลา เพราะเอาเวลาไปอ่านตรง ๆ หรือพักผ่อนอาจจะคุ้มกว่า แต่สุดท้ายก็ยั
getthaichon.nz

getthaichon.nz

ถูกใจ 467 ครั้ง

วิธีทำe-book นิยายสั้นขาย
ขั้นตอนการทำ e-Book และขายใน Play Store 1. เตรียมต้นฉบับ เขียนนิยายรักสั้นให้จบ (ความยาวแนะนำ 20–50 หน้า สำหรับขายราคา9-.) ใช้ไฟล์ Word (.docx) หรือ Google Docs ก่อน จัดรูปแบบให้เรียบร้อย: ชื่อเรื่อง, ชื่อตอน, คำนำ, เนื้อเรื่อง, คำขอบคุณ ตรวจสอบการสะกด การจัดบรรทัด และย่อหน้าให้สวยงา
Miss.Tinatip

Miss.Tinatip

ถูกใจ 386 ครั้ง

💰✨ 70 วิธีหาเงินที่ทำได้ “วันนี้เลย”
💰✨ 70 วิธีหาเงินที่ทำได้ “วันนี้เลย” “70 Ways to Make Money Today” — 70 วิธีหาเงินที่ทำได้ “วันนี้เลย” เหมาะสำหรับทุกคนที่อยากสร้างรายได้เสริม เพิ่มเงินในกระเป๋า หรือเริ่มต้นอาชีพอิสระในยุคดิจิทัล 🚀 ⸻ 💡 แบ่งเป็นหมวดหมู่เพื่อเข้าใจง่าย 🧠 1. สร้างรายได้จากความรู้ของตัวเอง • เปิ
bteeranan

bteeranan

ถูกใจ 860 ครั้ง

ดูเพิ่มเติม