Relume การสอนใช้งาน: จากสไลด์เดี่ยวสร้าง Sitemap, Wireframe จนถึงการเปิดใช้งาน เว็บไซต์ที่นักออกแบบอิสระต้องรู้ 3 เส้นทางแรก
นักออกแบบอิสระมักใช้เวลามากที่สุดไม่ใช่การวาดหน้าจอ แต่เป็นสองสัปดาห์ก่อนเริ่มงาน: จัดระเบียบความต้องการของลูกค้า, วางโครงสร้างหน้า, วาด Wireframe สีเทา Relume มุ่งแก้ไขขั้นตอนนี้โดยตรง และตอนนี้ยังทำการโฮสต์เว็บไซต์ได้ด้วยตัวเอง
คู่มือการใช้ Relume: จากสไลด์สร้าง Sitemap, Wireframe ไปจนถึงการเปิดตัว เว็บไซต์ที่ดีต้องรู้ 3 ขั้นตอนสำคัญสำหรับนักออกแบบที่รับงาน
ฉันได้พบกับนักออกแบบจากไต้หวันกลางที่รับงานสร้างเว็บไซต์แบรนด์ของบริษัท เขาบอกว่า เว็บไซต์ธุรกิจ 5–8 หน้า ใช้เวลาในการออกแบบภาพลักษณ์จริง ๆ เพียงประมาณ 30 % ส่วนที่เหลือคือการสื่อสารกับลูกค้าเกี่ยวกับ “หน้าใดบ้าง” “หน้าสองของหน้าแรกจะใส่อะไร” การทำงานขั้นต้นนี้เป็นเหตุผลหลักที่ทำให้ Relume กลายเป็นที่นิยมในวงการรับงานในช่วงหลายปีที่ผ่านมา
Relume มีการเปลี่ยนแปลงใหญ่ในปีนี้: โดเมนย้ายจาก relume.io ไป relume.ai และเมื่อวันที่ 24 สิงหาคมเปิดตัว Relume Publish (ตอนนี้อยู่ในช่วง Beta) ทำให้เครื่องมือนี้ไม่เพียงแค่ช่วยวาด Wireframe แต่ยังเป็นแพลตฟอร์มเว็บไซต์ที่สามารถเปิดตัวได้โดยตรง บทความนี้สรุปจากเว็บไซต์หลัก, ศูนย์ช่วยเหลือ และหน้าตัวเลือก โดยไม่ใช้ข้อมูลจากลูกค้าจริง แต่ตามขั้นตอนจากเอกสารทางการ
Relume คืออะไร
Relume เป็นเครื่องมือสร้างเว็บไซต์แบบ AI ที่เน้นการตลาด ความแตกต่างหลักจากเครื่องมือสร้างเว็บไซต์ AI อื่น ๆ คือ AI ไม่ได้เขียนโค้ดโดยตรง เว็บไซต์ของ Relume อธิบายว่า AI จะเลือกและจัดเรียงส่วนประกอบจากคลังส่วนประกอบที่นักออกแบบสร้างและดูแลอย่างต่อเนื่อง คลังส่วนประกอบมีมากกว่า 1,000 ส่วนประกอบตอบสนอง (responsive) รวมถึงเวอร์ชันมือถือ และอัปเดตทุกเดือน
เว็บไซต์อ้างว่าใช้โดยฟรีแลนซ์และเอเจนซี่กว่า 1 ล้านคน ลูกค้ารายสำคัญรวมถึง Rakuten, Superside, Headspace, Nike และ IDEO
สิ่งที่ Relume ทำได้
สไลด์ (Brief): ส่งไฟล์ลูกค้า PDF, เอกสารแบรนด์, บันทึกการประชุม หรือ URL ที่มีอยู่แล้ว ระบบจะจัดทำสไลด์ที่ครอบคลุมภาพรวม, เป้าหมาย, กลุ่มเป้าหมาย, ความต้องการ พร้อมประเมินความมั่นใจและถามข้อมูลที่ขาด
Sitemap, Wireframe, Design แยกเป็น 3 แท็บ: สร้างโครงสร้างเว็บไซต์, การจัดวางหน้าและข้อความ, และออกแบบด้วยโลโก้, สี, แบบอักษร AI สามารถเห็นและแก้ไขได้ทุกขั้นตอน แค่คลิกเปลี่ยนส่วนประกอบ ไม่ต้องตั้งค่าใหม่
ส่งออก (Export): Figma เป็นไฟล์ต้นฉบับรวมเวอร์ชันมือถือและคู่มือสไตล์; Webflow เก็บ class และโครงสร้าง (ใช้ชื่อแบบ Client‑First); React เป็น Tailwind CSS + shadcn/ui หรือเลือก HTML ธรรมดา
Relume Publish: โฮสต์และเปิดตัวบน Relume พร้อมวิเคราะห์ข้อมูล; หลังเปิดตัวมี AI ตัวช่วย 4 ประเภท (Strategist, Designer, Copywriter, Analyst) ให้ข้อเสนอแนะตามข้อมูลการเข้าชม การเปลี่ยนแปลงต้องผ่านการอนุมัติก่อนเผยแพร่
Relume Library MCP: ให้เครื่องมือแก้ไข AI เช่น Lovable, Claude, Cursor, Cline ดึงส่วนประกอบ React จริงจากคลังของ Relume ไปใช้ในโปรเจกต์
วิธีใช้: จากสไลด์ไปจนถึงเปิดตัว
ขั้นตอนที่ 1: เลือก Publish หรือ Export
หลังล็อกอิน ด้านบนซ้ายมีเมนูแบบดรอปดาวน์ สามารถสลับระหว่าง Publish, Export, Library ได้ หากต้องการส่ง Wireframe และ Design ให้กับนักพัฒนา ใช้ Export; หากต้องการทำทุกอย่างจนเปิดตัว ใช้ Publish
ขั้นตอนที่ 2: เตรียมสไลด์
ศูนย์ช่วยเหลือมีบทความ “How To Write An Effective Website Brief” แนะนำให้สไลด์ประกอบด้วย 9 ส่วน: บริบทโครงการ, บริบทบริษัท, กลุ่มเป้าหมาย, การกระทำที่ผู้เยี่ยมชมต้องทำ, หน้าและฟังก์ชัน, การแบ่งงาน, เว็บไซต์อ้างอิง, ข้อจำกัด, ตัวชี้วัดความสำเร็จ ความยาว 1–10 หน้า บทความย้ำข้อผิดพลาดทั่วไป เช่น “อยากมีเว็บไซต์สวยกว่าปัจจุบัน” หรือไม่ดูข้อมูลการวิเคราะห์เว็บไซต์เก่าแล้วตัดหน้าออก
ขั้นตอนที่ 3: เลือกภาษาและสร้าง Sitemap
เมื่อสร้างโปรเจกต์ใหม่ จะมีเมนูเลือกภาษาอยู่ข้าง ๆ กล่องแจ้งเตือน FAQ ระบุรองรับ 20+ ภาษา ภาษาเลือกจะกำหนดภาษาของ Sitemap และข้อความใน Wireframe หากต้องการเว็บไซต์繁中 ควรตรวจสอบว่ามี繁體中文 ในเมนู
ขั้นตอนที่ 4: ปรับ Wireframe
นี่คือขั้นตอนที่ควรใช้เวลา AI จัดเรียงส่วนประกอบไม่พอใจ แค่เปลี่ยนส่วนประกอบ ไม่ต้องสร้างหน้าใหม่ ข้อความก็แก้ไขที่นี่ก่อนประมาณ 80 % เพื่อให้งานออกแบบต่อไปง่ายขึ้น
ขั้นตอนที่ 5: Design – ปรับสไตล์แบรนด์
อัปโหลดโลโก้ กำหนดสี, แบบอักษร, ระยะห่าง ทั้งเว็บไซต์จะใช้สไตล์เดียวกัน คู่มือสไตล์จะถูกส่งออกไปพร้อม Figma หรือ Webflow
ขั้นตอนที่ 6: ส่งออกหรือเปิดตัว
ถ้าเลือก Export: ใช้ปลั๊กอินของ Figma หรือ Chrome Extension ของ Webflow; ถ้าเลือก Publish: กด Publish, ใช้โดเมนย่อย relume.live ฟรีก่อน แล้วไปที่ Site Settings → Domains เพื่อเชื่อมโดเมนของคุณเอง หน้าเดียวกันยังสามารถตั้งค่าการค้นหาและ AI crawler (Discoverability), ติดตามโค้ด, และการแจ้งเตือนแบบฟอร์ม
เคล็ดลับขั้นสูง
เคล็ดลับ 1: สไลด์ละเอียด = ประหยัดเวลาต่อมา คุณภาพการสร้างขึ้นอยู่กับสไลด์ ใส่ใบเสนอราคา, URL เว็บไซต์เก่า, URL คู่แข่ง, และเหตุผลที่ชอบ เพิ่มเติมจะดีกว่า “ทำเว็บไซต์คลินิกทันตกรรมให้ฉัน”
เคล็ดลับ 2: กำหนดบทบาทก่อนการทำงานร่วมกัน ใน Publish แต่ละเว็บไซต์สามารถกำหนด Owner, Admin, Editor, Viewer, Billing Contact ได้ ให้ลูกค้าเป็น Viewer เพื่อไม่ให้แก้ไขโดยไม่ตั้งใจ
เคล็ดลับ 3: ติดตามการใช้ AI การใช้ AI ของ Publish คำนวณรายเดือน มีแถบความคืบหน้าในหน้าบัญชี สามารถดูการใช้ของแต่ละเว็บไซต์ หากถึง 100 % การสร้างจะหยุด ต้องรอเดือนถัดไปหรืออัปเกรด Pro (เลือก 1x, 5x, 20x)
เคล็ดลับ 4: นักพัฒนาสามารถใช้แค่คลังส่วนประกอบ ทีมที่ใช้ Cursor หรือ Lovable สามารถเชื่อม Relume Library MCP ให้ AI ดึงส่วนประกอบ “ตารางราคา 3 คอลัมน์” ฯลฯ แทนการสร้าง UI จากศูนย์
ข้อควรระวัง
แผนราคาแบ่งเป็น 2 ชุด: สำหรับสร้างเว็บไซต์ (Publish) ฟรีไม่ต้องบัตรเครดิต ใช้ AI เพียงพอสร้างเว็บไซต์หนึ่งเว็บ โฮสต์บนโดเมนย่อย relume.live มีการเข้าชม 1,500 ครั้ง/เดือน และแบบฟอร์ม 20 รายการ; Pro เริ่มต้น 14 USD/เดือน โฮสต์โดเมนเองเริ่มต้น 12 USD/เดือนต่อโปรเจกต์ ส่วน Export มีราคาแยก: ฟรีใช้ส่วนประกอบ 30 ชิ้น, Starter 18 USD/เดือนขึ้นไป, Pro 40 USD/เดือนขึ้นไป, Team 36 USD/เดือนขึ้นไป (ขั้นต่ำ 3 คน) อย่าผสานกัน ราคาตามเว็บไซต์หลัก
ไม่รองรับ WordPress FAQ ระบุว่าไม่มีการส่งออก WordPress อย่างเป็นทางการ ใช้ HTML/Tailwind แค่ส่งออกเอง ไม่รวมคู่มือสไตล์, ตัวแปร, รูปภาพ หลายธุรกิจในไต้หวันยังใช้ WordPress ต้องแจ้งให้ชัดเจนก่อนรับงาน
Publish ยังอยู่ใน Beta หากต้องการเว็บไซต์ที่ใช้งานระยะยาว ควรส่งออกไป Webflow หรือโค้ดของคุณเอง ใช้ Publish สำหรับหน้าแสดงผลหรือโครงการนำเสนอ
หน้าต่าง中文版ต้องปรับเอง ส่วนประกอบออกแบบเป็นภาษาอังกฤษ ต้องปรับการขึ้นบรรทัด, ขนาดตัวอักษรสำหรับ中文
ความคิดเห็นจาก TheAI Academy
จุดเด่นของ Relume คือไม่ให้ AI เขียนโค้ด แต่ให้ AI เลือกจากคลังส่วนประกอบที่พร้อมใช้งาน ทำให้ผลลัพธ์มีความสอดคล้องมากขึ้น Publish ทำให้เครื่องมือเปลี่ยนเป็นแพลตฟอร์มครบวงจร แต่ยังอยู่ใน Beta
ความคิดเห็น: สำหรับนักออกแบบที่รับเว็บไซต์การตลาดและต้องการสร้าง Sitemap และ Wireframe อย่างรวดเร็วเพื่อสื่อสารกับลูกค้า Relume เป็นตัวเลือกที่คุ้มค่า; หากต้องการส่งมอบ WordPress หรือโปรเจกต์ที่ต้องการปรับแต่งสูง AI ของ Relume จะช่วยได้แค่ส่วนต้น
หากต้องการเปรียบเทียบเครื่องมือสร้างเว็บไซต์ AI อื่น ๆ ดูที่ คู่มือเครื่องมือสร้างเว็บไซต์ AI
แหล่งข้อมูล
- เว็บไซต์หลักของ Relume
- ราคาแผนของ Relume
- แนะนำ Export ของ Relume
- ประกาศเปิดตัว Relume Publish
- เริ่มต้นกับ Relume Publish
- How To Write An Effective Website Brief
- Relume Library MCP
- FAQ: สามารถส่งออกไป WordPress ได้ไหม
บทความนี้สรุปจากข้อมูลที่เผยแพร่ในเว็บไซต์หลักในเดือนตุลาคม 2026 ส่วนแผนราคาและอินเทอร์เฟซอาจมีการเปลี่ยนแปลง โปรดอ้างอิงจากเว็บไซต์หลักเป็นหลัก
คำถามที่พบบ่อย
Relume ใช้ได้ฟรีหรือไม่?
ใช้ได้ ฟรีแพลนสำหรับสร้างเว็บไซต์ไม่ต้องผูกบัตรเครดิต AI สามารถทำเว็บไซต์เต็มรูปแบบได้ประมาณหนึ่งครั้ง โฮสต์บนซับโดเมน relume.live มีการเข้าชม 1,500 ครั้งต่อเดือนและฟอร์ม 20 รายการ; แพลน Export ฟรีให้ใช้คอมโพเนนท์ Figma, Webflow, React ได้สูงสุด 30 ตัว
Relume สามารถส่งออกไปยัง WordPress ได้หรือไม่?
ทางการยังไม่มีฟีเจอร์ส่งออกไป WordPress อย่างเป็นทางการ สามารถส่งออกเป็น HTML/Tailwind แล้วนำไปรวมเองได้ แต่จะไม่มีสไตล์ไกด์, ตัวแปรและภาพประกอบ การส่งออกที่รองรับอย่างเป็นทางการคือ Figma, Webflow และ React
ความแตกต่างระหว่าง Relume Publish กับ Export คืออะไร?
Export คือการส่งออก Sitemap, Wireframe และดีไซน์ไปยัง Figma, Webflow หรือ React ให้คุณทำงานต่อบนแพลตฟอร์มอื่น; Publish เป็นฟีเจอร์ Beta ที่เปิดตัวในเดือนสิงหาคม 2026 สามารถโฮสต์และเปิดใช้งานโดยตรงบน Relume, เชื่อมโดเมนของคุณเอง พร้อมใช้การวิเคราะห์ในตัวและ AI ตัวแทน ทั้งสองฟีเจอร์สลับกันในเมนูผลิตภัณฑ์ด้านซ้ายบนและมีการคิดค่าใช้จ่ายแยกกัน
Relume สามารถทำเว็บไซต์ภาษาจีนได้หรือไม่?
ตาม FAQ ของทางการ Sitemap และ Wireframe รองรับกว่า 20 ภาษา เมื่อสร้างโปรเจกต์ใหม่ให้เลือกภาษาจากเมนูเลือกภาษา แต่หน้าเอกสารไม่ได้ระบุรายการครบถ้วน แนะนำให้ตรวจสอบตัวเลือกภาษาจีนในเมนูขณะสร้างโปรเจกต์ หลังจากสร้างแล้วหัวข้อภาษาจีนอาจต้องปรับการขึ้นบรรทัดและขนาดตัวอักษรด้วยตนเอง.