15 AI Tools ออกแบบด้วย AI สำหรับดีไซน์เนอร์ แห่งปี 2022

Peridot

AI Tools หรือปัญญาประดิษฐ์ ดูเหมือนว่าจะเป็นคำ Buzz word ที่ใคร ๆ ก็พูดถึงAI หรือปัญญาประดิษฐ์ดูเหมือนจะเป็นสิ่งที่ทุกคนพูดกันทุกวันนี้ หลายคนก็จะบอกว่า AI จะมาแย่งงานเราทำแล้วแน่ ๆ เราจะตกงาน อาชีพดีไซน์เนอร์เองก็อาจจะเสี่ยงไม่แพ้กัน

จริง ๆ ผมก็เห็นแนวโน้มในการพัฒนาของ AI มาพอสมควรระยะหนึ่งแล้ว แต่ผมเองยังคงคิดว่า AI ยังไม่ฉลาดพอที่จะมาแทนที่อาชีพของดีไซน์เนอร์แน่นอนครับ เพราะการทำงานของ AI ยังคงต้องใช้คนมาช่วยในการตัดสินใจอยู่นั่นเอง แต่พวกเราดีไซน์เนอร์เองก็ต้องเรียนรู้และทำความเข้าใจด้วยว่า AI นั้นทำงานอย่างไร เพื่อให้เราสามารถทำงานร่วมกันและได้ผลลัพธ์ของงานที่ดีที่สุดนะครับ

ในความเป็นจริงแล้ว AI ทำงานอยู่รอบตัวเราแล้วนะครับ ไม่ใช่แค่สายงานออกแบบเพียงอย่างเดียว และ AI นั้นส่งผลกระทบต่อทุกอย่างตั้งแต่ผลการค้นหาอย่าง Google, วิเคราะห์ผู้มีแนวโน้มจะออกเดทออนไลน์ ไปจนถึงวิธีการซื้อสินค้าของเรา ข้อมูลที่ผ่านมาแสดงให้เห็นว่าการใช้ AI ในหลายภาคส่วนของธุรกิจเติบโตขึ้น 270% ในช่วงสี่ปีเลยครับ

วันนี้เราจะมาแนะนำเครื่องมือ AI สำหรับใช้งานเพื่อการออกแบบที่จะช่วยให้ดีไซน์เนอร์ประหยัดเวลาได้เป็นสิบๆ เท่า

แนะนำ AI Tools สำหรับดีไซน์เนอร์

1. Khroma – AI Tools ช่วยเลือกสี

khroma colour ai tools
khroma colour ai

เว็บนี้จะช่วยเลือกสีให้กับเรา แต่ก่อนที่เราจะใช้ AI Tools ตัวนี้ได้ เราจะต้องเลือกสีที่เราชอบมาทั้งหมด 50 แบบก่อนครับ หลังจากนั้นระบบจะทำการประมวลผลและแสดงสีที่เราชื่นชอบออกมาให้

ข้อดีคือแสดงผลทั้งแบบ Typography, รูปภาพ, gradients, dark UI และอื่น ๆ อีกเพียบ
อันนี้เป็นสีที่ผมชอบเอง ถือว่าตรงมากเลยครับ ระดับ contrast ก็ดีงามมากเหมือนกับดีไซน์เนอร์เลือกมาให้เลยทีเดียว

2. Fontjoy

font joy example ai tools
font joy example ai tools

เครื่องมือช่วยจับคู่ฟ้อนต์สวย ๆ ทั้งภาษาไทยและภาษาอังกฤษ โดยตัวนี้จะดึงฟ้อนต์จาก Google เอามาประมวลผลให้กับเราครับ ก็ถือว่าดูดีใช้ได้เลยครับ มีข้อเสียนิดหน่อยคือใน Google fonts ยังมีฟอนต์ภาษาไทยไม่เยอะมาก แต่ถ้าเป็นฟอนต์ภาษาอังฤษก็เริ่ดไปเลยครับ

3. Uizard

UIZard ออกแบบ Wireframe และ UI จากภาพวาดมือ
UIZard ออกแบบ Wireframe และ UI จากภาพวาดมือ
How to upload wireframe for UIZard
How to upload wireframe for UIZard

เครื่องมือช่วย Generate Wireframe แบบภาพวาดไปเป็น UI Design หรือไปเป็น Wireframe แบบฟอร์แมตดิจิตัลครับ เพียงแค่เราวาดตามข้อกำหนดของที่เว็บไซต์กำหนดไว้ มันออกมาเป็น UI ให้เรียบร้อย บอกเลยว่าหน้าตาดี เนี้ยบ ต้องบอกเลยว่าเป็น Tool ที่ฉลาดขึ้นทุกวันเลยนะครับ เพราะปัจจุบันสามารถเปลี่ยนสี Theme ของ UI แบบง่ายๆ ได้ และยังสามารถทำรูปวาด Icon ของเราให้ออกมาเป็น UI เป็นไฟล์ vector, svg ได้เลยครับ

4. Frase – ช่วยเขียนบทความด้วย AI

frase ai content generator
Frase ai content generator

มาดู Tool เขียน AI ของ Frase กันครับ ผมว่าค่อนข้างแม่นยำใช้ได้เลยครับ (ซื้อมาเรียบร้อย)

หลังจากที่ทดลองใช้งาน ถ้าหากดูจากหน้าต่างด้านบน จะเห็นจะเป็นตัวอย่างการ Generate ด้วย AI ทั้งหมดเลยครับ​ โจทย์ที่ผมมีคือให้วางแผน content เกี่ยวกับคอร์สเรียนออนไลน์มาให้ เว็บไซต์ก็แนะนำคำถามที่คนถามบ่อยและวาง outline ของ content มาให้ครับ

ต้องบอกเพื่อนๆ ไว้ก่อนนะครับว่าการใช้เครื่องมือ AI ในการช่วยเขียนบทความนั้นมันจะไม่ได้ผลลัพธ์ที่ดีเท่ากับคนเขียน 100% เพราะเนื้อหาบางอย่างมันยังไม่ต่อเนื่องกันเท่าที่ควร ดังนั้นเราจึงจะต้องใช้คนเข้ามาแก้ผสมเข้าไปด้วยกัน เราถึงจะได้ความต่อเนื่องและความสอดคล้องกันของข้อมูลครับ

ข้อดีของ Frase

  • ประหยัดเวลา
  • ดีต่อ SEO เพราะตัว Frase จะให้เรากำหนด Keyword ลงไปด้วย ว่าเราจะเขียนอะไร แล้วมันจะ Repeat คำมาให้ทั้งใน Title และเนื้อหา
  • มีฟีเจอร์อัพเดทใหม่บ่อยมาก ถ้าเพื่อนๆซื้อแล้ว จะมี Group บน Facebook ให้เราไปพูดคุยกันด้วยครับ
  • Frase จะแสดงบทความที่ใช้ keyword ใกล้เคียงกับเราในตลาดมาเพื่อให้เราเปรียบเทียบด้วย ว่าบทความไหนที่ติดอันดับในคำเดียวกันในอันดับต้นๆ อยู่ แล้วเราจะเขียนไอเดียแบบไหนดี

ข้อเสีย

  • ไม่มีภาษาไทย
  • บั๊กนิดหน่อย
  • ราคาเป็นแบบรายเดือน ถ้าอยากได้ทูล SEO ต้องจ่ายเงินเพิ่ม

ถ้าอยากดูบทความที่ AI ช่วยเขียนของ Designil ลองดูบทความนี้เป็นตัวอย่างได้ครับ (ใช้ AI + Google translate + คนแก้) เขียนออกมาได้ดีมากเลยครับ ทุ่นเวลาผมไปได้เป็นวันเลยทีเดียว โดย AI ตัวนี้ได้ช่วยเลือกคอมพิวเตอร์มาให้ผมถึง 3 อันดับ รวมไปถึงฟีเจอร์ของคอมพิวเตอร์ที่ใช้ AI แนะนำมาทั้งหมดเลย
5 อันดับโน๊ตบุค Laptops สำหรับ UX UI และ Graphic designer

6. Nichness – ช่วยเขียนบทความด้วย AI

nichness
nichness

ตัวนี้ผมก็ซื้อมาแล้วเช่นเดียวกัน มาอ่านรีวิวกันเลยครับ

จากตัวอย่างผมใส่หัวข้อไปว่า AWS AI Machine Learning ผลลัพธ์ที่ได้คือหัวข้อรองใน AWS ทั้งหมดเลยครับ

ข้อดีของ Nichness

  • วางแผนหัวข้อ outline ของ content ได้ดีเพียงแค่เราให้โจทย์หรือหัวข้อลงไป ตัวระบบจะทำการวางแผนหัวข้อหลักในบทความแยกออกมาเป็นข้อๆ ให้เลยครับ
  • เป็นเครื่องมือที่ช่วยทุ่นเวลาสำหรับสาย Writer หรือคนเขียนบล็อกที่คิดไม่ออกว่าจะเขียนอะไร
  • วางแผนการโพสต์ Social media ภาษาอังกฤษได้ดีเยี่ยม
  • มีฟีเจอร์อัพเดทใหม่บ่อยมาก ถ้าเพื่อนๆซื้อแล้ว จะมี Group บน Facebook ให้เราไปพูดคุยกันด้วยครับ

ข้อเสีย

  • ไม่มีภาษาไทย
  • ถ้าเขียน content ยาว ยังแปลกๆนิดหน่อย

7. Rytr – ช่วยเขียนบทความด้วย AI

Rytr - Thai AI content generator
Rytr – Thai AI content generator

ตัวนี้ก็มีอยู่ในมือทีมงานของ Designil เรียบร้อยแล้วครับ เดี๋ยวผมจะรีวิวให้ฟังกันสั้นๆ ด้านล่างนี้เลย

Rytr มีข้อดีคือ

  • เขียนภาษาไทยได้
  • เลือก Mood and tone ของภาษาได้
  • ภาษาอังกฤษฉลาดมาก
  • วางลำดับ outline ได้ดี น่าอ่านและเข้ากับ Mood and tone ของภาษา

ข้อเสีย

  • ภาษาไทยไม่สวยเท่าไร เหมือนผ่านการแปลจาก Google translate (บางทีกดแปลเองยังสวยกว่า)
  • ลักษณะโครงสร้างและคำยังดูแปลกประหลาด นิดหน่อย อาจจะต้องใช้คนมาแก้ไขเพิ่มเติมเพื่อให้ภาษาดูลื่นและอ่านง่ายมากกว่านี้
  • ในเรื่องของ Tone ภาษาไทย ยังไม่เวิร์คเท่าไร ต้องไปหัดมาเพิ่มอีกเยอะเลย

ถ้าถามผมว่าตัวไหนเขียนดีสุดที่เคยใช้มา ตอนนี้ผมยังยกย่อง Jarvis ของค่าย conversion.ai อยู่ครับ ฉลาดสุดในทุกตัวที่กล่าวมา แต่แพงสุด เริ่มต้นที่ $29 ต่อ 20,000 คำ เป็นระบบที่เขียนไปแล้ว AI จะกลับไปย้อนอ่านก่อนหน้าด้านบนที่เขียนมาแล้ว ทำให้เนื้อหาสอดคล้องกันไม่รู้จะฉลาดไปไหน แถมปิดท้าย conclusion ได้เนียนสุด ถ้าจะเน้นเขียนแบบยาว ๆ แนะนำ Jarvis เลยครับ

8. Fronty

Fronty - Convert image to HTML CSS
Fronty – Convert image to HTML CSS

Fronty เครื่องมือช่วยในการแปลงภาพดีไซน์ mockup งานออกแบบ high filedity ของเราให้กลายเป็น HTML และ CSS ด้วยพลังของ AI โดยจากที่อ่านมา ระบบนี้สามารถแปลงไฟล์ให้ใช้ CSS Framework ชื่อดังอย่าง Bootstrap ได้ด้วย

ผมไม่เคยทดลองใช้งานเลยไม่แน่ใจว่าโค้ดที่ออกมานั้นจะแม่นยำและสวยงามในระดับไหน ถ้าเพื่อนๆลองใช้งานแล้วมาแนะนำกันบ้างนะครับ

9. Generated photos – AI generated photos

free AI generated photos
free AI generated photos

สายทำ Personas จะต้องไม่พลาดกับเว็บไซต์นี้ ตัวช่วยแสดงผลหน้าของ Users มีเป็นล้านแบบ และทั้งหมดนี้เป็นคนที่ไม่ได้มีอยู่จริง เป็นคนสมมุติทั้งหมด โดยเราสามารถเลือกเพศ อายุ เชื้อชาติได้ตามใจชอบเลยครับ อยากได้ชาติไหนก็จัดไป

10. This Person Does Not Exist – AI generated photos

เว็บนี้เป็นอีกเว็บไซต์ที่ช่วยแสดงผลรูปหน้าคนมาให้เรานำไปใช้งาน ไปทำ Avatar, ไปทำหน้า User จำลองในงาน Mockup ของเรา หรือเอาไปทำ Personas ถ้ากดรีเฟรชก็ได้รูปใหม่มาเรื่อยๆ ครับ

11. Rosebud AI

ai rosebud app
ai rosebud app

หลังจากเราได้รูปหน้า user จากเว็บไซต์ด้านบนแล้ว ถ้าเราอยากได้ user ขยับปากได้ เอามาใส่ในแอพนี้เลยครับ เนียนกริ๊บ

12. Remove.bg

removebg ลบภาพพื้นหลัง ตัดภาพพื้นหลัง
removebg ลบภาพพื้นหลัง ตัดภาพพื้นหลัง

เว็บไซต์ช่วยลบภาพพื้นหลังด้วย AI เนียนกริบเหมือนตัดเองด้วย Photoshop

13. AutoDraw

autodraw
autodraw

เว็บไซต์นี้จะให้เราลองวาดรูปบนหน้าจอ แล้วตัว AI จะช่วย suggest รูป อ้างอิงจากรูปที่เราวาดไปนั่นเองครับ วาดแมวหมากาไก่ ก็เดาถูก แหมฉลาดจริง ๆ

14. Let’s enhance it

letsenhance
letsenhance.ai

เว็บไซต์ช่วยปรับแต่งภาพที่ไม่ชัดของเรา ให้กลับกลายมาเป็นภาพคมชัด คุณภาพเยี่ยม นำภาพไปแสดงผลบนเว็บไซต์พวก E-commerce, real estate ที่จะต้องโชว์ภาพแบบสวย ๆ ให้ลูกค้าดูแบบชัดแจ่มแจ้ง มีตัว API ที่ให้เรานำไปใช้งานได้

เช่น กรณี user เราโหลดช้า ตัว API ก็จะทำงานให้ภาพมีขนาดเล็กลงสำหรับ user คนนั้นได้ครับ ฉลาดล้ำ และช่วยทำให้เว็บไซต์ไวขึ้นอีกด้วย

15. VisualEyes

visualeyes
visualeyes

เครื่องมือช่วยทำ User testing ด้วย AI ตัวนี้จะเป็นเครื่องมือช่วยจับ Eye-tracking โดยใช้ AI ในการคำนวนทั้งหมดเลยนะครับ มีผลลัพธ์ที่แม่นยำมากกว่า 93%

เหมาะสำหรับดีไซน์เนอร์ที่เป็นฝั่ง UI UX ต้องการวัดผล User ของเราเวลาเข้ามาใช้งานในแอพหรือเว็บไซต์

ถ้าอยากรู้ว่า User กำลังจดจ้องไปที่อะไรอยู่บนหน้าจอ ตัวนี้แม่นยำสุด ๆ สามารถทำ A/B Testing ได้จากบนไฟล์ Figma, Sketch, AdobeXD ได้เลยครับ เริ่มต้นใช้งานฟรีด้วย มาลองวัดผล User กันเลยคร้าบ


สุดท้ายนี้ถ้าใครอ่านมาถึงบรรทัดสุดท้าย ผมขอแจ้งก่อนเลยนะครับว่าบทความนี้ใช้คนเขียน 100% นะครับ ไม่ใช่ AI แน่นอน
Designil ค้นพบว่าคนเขียนยังไงก็อ่านเข้าใจมากกว่า AI อยู่ดี

จบไปแล้วกับบทความเนื้อหายาวเกี่ยวกับเครื่องมือ AI ที่จะมาช่วย Designer ในการออกแบบ ถ้าชอบบทความแบบนี้อย่าลืมติดตามกันเป็นประจำผ่านทาง Designil นะครับ

ทีมงานจะกลับมาอัพเดทบทความเนื้อหาสร้างสรรค์ให้ฟังกันใหม่ แล้วเจอกันคร้าบ

บทความที่เกี่ยวข้อง

Peridot

Peridot

รวมบทความรีวิวและความคิดเห็นของทีมงาน Designil แบ่งปันเนื้อหาที่เข้าใจง่ายเป็นประจำทุกสัปดาห์
บทความทั้งหมด