ข้ามไปยังเนื้อหาหลัก

แปลงภาพเป็นเวกเตอร์ได้โดยตรงบนพื้นที่ทำงานของคุณ

แปลงไฟล์ JPEG, PNG และภาพกราฟิกแรสเตอร์ให้เป็นเวกเตอร์ที่ปรับขนาดและแก้ไขได้โดยใช้เอเจนต์ของ Figma ได้โดยตรงใน Figma Design ไม่ต้องคอยสลับไปใช้เครื่องมือที่แยกต่างหาก ไม่ต้องสร้างเส้นทางใหม่ด้วยตนเอง

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

จากพิกเซลสู่เส้นทาง โดยไม่ต้องอ้อมไปอ้อมมา

เอเจนต์ของ Figma แปลงภาพแรสเตอร์เป็นเวกเตอร์บนพื้นที่ทำงานของคุณ ช่วยให้คุณทำงานออกแบบของคุณได้อย่างลื่นไหลและไฟล์ของคุณยังคงสมบูรณ์เหมือนเดิม

แปลงภาพเป็นเวกเตอร์ในที่ที่คุณออกแบบ

เอเจนต์ของ Figma ทำงานเป็นตัวแปลงภาพเป็นเวกเตอร์บนพื้นที่ทำงานของคุณได้โดยตรง พร้อมทั้งแปลงภาพแรสเตอร์ให้เป็นเส้นทางที่แก้ไขได้ โดยไม่ต้องส่งออกไปยังเครื่องมืออื่นแล้วนำผลลัพธ์กลับเข้ามาในไฟล์ของคุณ

ลดทอนงานที่ยุ่งยาก เพื่อการทำงานที่ลื่นไหล

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

ช่วยให้ทีมของคุณทำงานประสานกัน

ทรัพยากรเวกเตอร์จะปรากฏอยู่ในไฟล์เดียวกันกับที่ทีมของคุณใช้งานอยู่ ดังนั้นทุกคนจะเห็นเวอร์ชันล่าสุดและสามารถใช้งานได้ทันที ไม่มีข้อมูลใดสูญหายระหว่างการส่งออกหรือการถ่ายโอนไฟล์

ฟีเจอร์ที่อยู่เบื้องหลังเอเจนต์

มาดูรายละเอียดเพิ่มเติมเกี่ยวกับสิ่งที่สร้างเอเจนต์ของ Figma มีความโดดเด่น โดยเอเจนต์นั้นสร้างมาให้เหมาะสมกับวิธีการทำงานจริงของทีมออกแบบ

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

    เชื่อมต่อกับไลบรารีงานออกแบบ

    สร้างและปรับปรุงโดยใช้ส่วนประกอบจริง โทเค็น และตัวแปรของคุณ ไม่ใช่ UI แทนที่ที่คุณจะต้องเปลี่ยนใหม่ภายหลัง

  • ภาพหน้าจอแสดงการทำงานของคำสั่งออกแบบ AI หลายคำสั่งพร้อมกันใน Figmaภาพหน้าจอแสดงการทำงานของคำสั่งออกแบบ AI หลายคำสั่งพร้อมกันใน Figma

    การส่งคำสั่งแบบคู่ขนาน

    ส่งคำสั่งหลายคำสั่งไปพร้อมกันเพื่อที่คุณจะได้ประเมินทิศทางต่างๆ ในแบบคู่ขนาน โดยไม่ต้องเสียเวลาไปกับแต่ละคำสั่ง

  • ภาพหน้าจอของเธรดสนทนา Figma AI ที่แชร์ร่วมกัน พร้อมด้วยความคิดเห็นด้านการออกแบบภาพหน้าจอของเธรดสนทนา Figma AI ที่แชร์ร่วมกัน พร้อมด้วยความคิดเห็นด้านการออกแบบ

    เธรดที่แชร์ได้

    แชร์เธรดและทีมของคุณจะเห็นคำสั่งทั้งหมด บริบท และประวัติการทำซ้ำที่อยู่เบื้องหลังการออกแบบ ไม่จำเป็นต้องมีการส่งต่อแยกต่างหาก

  • ภาพหน้าจอที่แสดงตัวเลือกทักษะของเอเจนต๋ Figma AI สำหรับลำดับการทำงานอัตโนมัติในขั้นตอนการออกแบบภาพหน้าจอที่แสดงตัวเลือกทักษะของเอเจนต๋ Figma AI สำหรับลำดับการทำงานอัตโนมัติในขั้นตอนการออกแบบ

    ทักษะ

    รวมลำดับการทำงานและแนวทางของทีมไว้ในคำสั่งที่ใช้ซ้ำได้ เพื่อให้ทุกคนเรียกใช้งานได้ทันทีตามต้องการ

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

Andy Madrick
นักออกแบบผลิตภัณฑ์, Notion

โลโก้ Notion

เริ่มต้นใช้งานเอเจนต์ของ Figma

  • ขั้นตอนที่ 1: เพิ่มภาพแรสเตอร์ของคุณ

    วางไฟล์ JPEG, PNG หรือภาพแรสเตอร์อื่นๆ ไว้บนพื้นที่ทำงานใน Figma Design หรือเลือกภาพที่มีอยู่ในไฟล์ของคุณอยู่แล้ว

  • ขั้นตอนที่ 2: อธิบายการแปลง

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

  • ขั้นตอนที่ 3: ตรวจสอบเวกเตอร์

    ตรวจสอบเส้นทางที่แปลงแล้วบนพื้นที่ทำงานของคุณ ยังไม่ค่อยพอใจใช่ไหม ปรับปรุงแก้ไขปรับปรุงในเธรดเดียวกันหรือลองลองใช้วิธีการที่แตกต่างออกไปในแบบคู่ขนาน

  • ขั้นตอนที่ 4: ปรับปรุงแก้ไขต่อไป

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

กลายเป็นผู้เชี่ยวชาญเอเจนต์

  • เอเจนต์ Figma Design พร้อมใช้งานแล้ว

    รับชมการทำงานของ AI Agent ของ Figma และดูวิธีการนำไปใช้งานในลำดับการทำงานของคุณเอง

    อ่านเพิ่มเติม
  • หน้าจอแนะนำพื้นที่ทดลองเอเจนต์ Figma พร้อมปุ่ม 'เริ่ม' และตัวอย่างคำสั่งแชท: 'สวัสดี Figma คุณช่วยสร้างเลย์เอาต์แบบต่างๆ สำหรับแอปอ่านหนังสือของฉันได้ไหม'หน้าจอแนะนำพื้นที่ทดลองเอเจนต์ Figma พร้อมปุ่ม 'เริ่ม' และตัวอย่างคำสั่งแชท: 'สวัสดี Figma คุณช่วยสร้างเลย์เอาต์แบบต่างๆ สำหรับแอปอ่านหนังสือของฉันได้ไหม'

    ทำงานร่วมกับเอเจนต์ของ Figma

    พื้นที่ทดลองแบบลงมือปฏิบัติจริงเพื่อสำรวจความสามารถของเอเจนต์ Figma ตั้งแต่การแก้ไขแบบกลุ่มไปจนถึงการนำข้อเสนอแนะมาปรับใช้ พร้อมคำแนะนำแบบทีละขั้นตอนที่มีอยู่ในระบบ

    เริ่มต้น
  • วิธีใช้เอเจนต์ Figma ในลำดับการทำงานออกแบบของคุณ

    เรียนรู้วิธีการใช้เอเจนต์ Figma ในลำดับการทำงานออกแบบของคุณ ด้วยการสอนทีละขั้นตอนจากทีมงาน Figma

    รับชมเลย

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

การแปลงภาพให้เป็นเวกเตอร์ หมายถึงการแปลงกราฟิกแรสเตอร์แบบพิกเซลให้เป็นเส้นทางเวกเตอร์ที่ปรับขนาดได้ ซึ่งประกอบด้วยเส้นโค้งและรูปร่างทางคณิตศาสตร์ ต่างจากภาพแรสเตอร์ที่ภาพจะเบลอเมื่อขยายใหญ่ขึ้น โดยภาพเวกเตอร์จะยังคงความคมชัดอยู่เสมอไม่ว่าจะขยายขนาดเท่าใดก็ตาม เอเจนต์ของ Figma สามารถจัดการการแปลงนี้ได้โดยตรงบนพื้นที่ทำงานของคุณ ด้วยการเปลี่ยนไฟล์ JPEG หรือ PNG ให้เป็นเส้นทางที่แก้ไขได้ ซึ่งคุณสามารถปรับขนาด เปลี่ยนสี และปรับแต่งเพิ่มเติมได้

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

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

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

เอเจนต์ของ Figma พร้อมให้บริการในแพ็กเกจ Figma แบบชำระเงินทุกแพ็กเกจ คุณจะพบได้ในแถบนำทางด้านซ้ายใน Figma Design ในช่วงเบต้าแบบเปิดในปัจจุบัน ยังไม่มีการใช้เครดิต AI ดังนั้นจึงเป็นช่วงเวลาที่ดีที่จะได้สำรวจ ทดลอง และแบ่งปันความคิดเห็นของคุณกับเรา

สร้างได้เร็วขึ้นด้วยเอเจนต์ของ Figma