📖 คู่มือการใช้งาน

วิธีใช้งาน PromptUI

เพียง 5 ขั้นตอนง่าย ๆ คุณก็สามารถสร้าง UI สวย ๆ ด้วย AI ได้แล้ว

STEP 01🔍

สำรวจ UI ตัวอย่าง

เปิดหน้าแกลเลอรีเพื่อดู UI ตัวอย่างทั้งหมด หรือกรองตามหมวดหมู่ ระดับความยาก หรือค้นหาด้วยคีย์เวิร์ด

✦ใช้แถบค้นหาเพื่อหา UI ที่ต้องการ
✦กรองตามหมวดหมู่ เช่น Login, Dashboard, Landing Page
✦เลือกระดับความยาก: เริ่มต้น, ปานกลาง, ขั้นสูง
✦สลับระหว่างมุมมอง Grid และ List ได้
STEP 02👁️

ดูรายละเอียด UI

คลิกที่การ์ด UI เพื่อเปิดหน้ารายละเอียด ดูตัวอย่างเต็ม ๆ พร้อม tag และข้อมูลระดับความยาก

✦ดู tag ต่าง ๆ เพื่อเข้าใจเทคโนโลยีที่ใช้
✦ระดับความยากช่วยให้รู้ว่า prompt ซับซ้อนแค่ไหน
✦ดู UI ที่เกี่ยวข้องด้านล่างเพื่อแรงบันดาลใจเพิ่มเติม
STEP 03📋

Copy Prompt

กดปุ่ม "Copy Prompt" เพื่อคัดลอก prompt ไปยัง clipboard ของคุณ ง่าย ๆ แค่คลิกเดียว

✦Copy ได้จากหน้ารายละเอียดหรือจากการ์ดในแกลเลอรี
✦เมื่อ copy สำเร็จจะเห็นข้อความ "Copied!" ยืนยัน
✦Prompt ถูกออกแบบมาให้ใช้ได้กับ AI หลายตัว
STEP 04🤖

วาง Prompt ใน AI

เปิด ChatGPT, Claude, Gemini หรือ AI ที่คุณใช้ แล้ววาง prompt ที่ copy มา

✦ใช้ได้กับ ChatGPT, Claude, Gemini, Copilot และอื่น ๆ
✦สามารถปรับแต่ง prompt เพิ่มเติมได้ตามต้องการ
✦ลองระบุเทคโนโลยีที่ต้องการเพิ่มใน prompt เช่น "ใช้ Tailwind CSS"
STEP 05✨

ได้ UI พร้อมใช้

AI จะสร้างโค้ด UI ให้คุณตาม prompt นำไปใช้ในโปรเจคของคุณได้เลย!

✦ตรวจสอบโค้ดก่อนนำไปใช้เสมอ
✦ปรับแต่งสี ฟอนต์ และ spacing ตามดีไซน์ของคุณ
✦ถ้าผลลัพธ์ไม่ถูกใจ ลองปรับ prompt แล้วส่งใหม่

❓ คำถามที่พบบ่อย

PromptUI ใช้ฟรีหรือเปล่า?

▾

ใช่! PromptUI เป็นแพลตฟอร์มฟรี คุณสามารถ copy prompt ไปใช้ได้ไม่จำกัด

ต้องลงทะเบียนไหม?

▾

ไม่ต้อง! สามารถใช้งาน copy prompt ได้ทันทีโดยไม่ต้องลงทะเบียน

Prompt ใช้ได้กับ AI ตัวไหนบ้าง?

▾

Prompt ของเราออกแบบมาให้ใช้ได้กับ AI ทุกตัวที่สร้างโค้ดได้ เช่น ChatGPT, Claude, Gemini, Copilot

สามารถแก้ไข prompt ได้ไหม?

▾

ได้เลย! คุณสามารถปรับแต่ง prompt ให้ตรงกับความต้องการของคุณก่อนส่งให้ AI

UI ที่ได้จะเป็นเทคโนโลยีอะไร?

▾

ขึ้นอยู่กับ AI ที่คุณใช้และ prompt ที่ระบุ คุณสามารถเพิ่มข้อกำหนดเทคโนโลยีใน prompt ได้

พร้อมลองแล้ว! 🚀

ไปสำรวจ UI ตัวอย่างแล้วเริ่ม copy prompt กันเลย