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

สร้างปุ่มที่สอดคล้องกับระบบการออกแบบของคุณ

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

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

สำรวจการออกแบบปุ่มได้รวดเร็วกว่าที่เคย

สร้างปุ่มที่พร้อมใช้งานในการผลิตบนผ้าใบของคุณโดยใช้ส่วนประกอบ โทเค็น และสไตล์ที่ทีมของคุณใช้งานอยู่แล้ว

Figma พื้นที่ทำงาน ที่แสดงเลย์เอาต์การออกแบบที่สร้างโดย AI กำลังถูกสำรวจFigma พื้นที่ทำงาน ที่แสดงเลย์เอาต์การออกแบบที่สร้างโดย AI กำลังถูกสำรวจ

สร้างด้วยระบบการออกแบบของคุณ

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

แผงควบคุมเอเจนต์ Figma AI ที่แสดงให้เห็นว่ามีการนำการแก้ไขจำนวนมากไปใช้ในงานออกแบบแผงควบคุมเอเจนต์ Figma AI ที่แสดงให้เห็นว่ามีการนำการแก้ไขจำนวนมากไปใช้ในงานออกแบบ

สำรวจทิศทางอื่นๆ ได้พร้อมกัน

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

แผงควบคุม Figma AI แสดงข้อเสนอแนะจากทีมที่กำลังถูกสังเคราะห์เป็นการออกแบบแผงควบคุม Figma AI แสดงข้อเสนอแนะจากทีมที่กำลังถูกสังเคราะห์เป็นการออกแบบ

ทำให้การสร้างทีมของคุณเป็นไปด้วยกัน

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

ฟีเจอร์ที่อยู่เบื้องหลังการสร้างปุ่ม

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

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

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

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

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

    เรียกใช้คำสั่งพร้อมกัน

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

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

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

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

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

    จัดชุดลำดับการทำงานเป็นทักษะ

    เปลี่ยนคำสั่งการสร้างปุ่มของคุณให้เป็นทักษะที่นำกลับมาใช้ใหม่ได้ เรียกใช้คำสั่งอย่างรวดเร็วทุกครั้งที่คุณต้องการผลลัพธ์ที่สม่ำเสมอ

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

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

โลโก้ Notion

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

  • เปิดเอเจนต์

    เลือกเอเจนต์ในแถบด้านซ้ายหรือกด CMD + Enter เพิ่มเฟรมลงในพื้นที่ทำงานของคุณเพื่อทำงานในนั้น

  • อธิบายลักษณะของปุ่ม

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

  • ตรวจสอบบนพื้นที่ทำงาน

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

  • ทำซ้ำเพื่อพัฒนาต่อไป

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

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

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

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

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

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

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

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

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

    รับชมเลย

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

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

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

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

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

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

Powered by Fruition