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

Figma Design

สร้างขึ้นเพื่อภาพรวมที่สมบูรณ์แบบในทุกพิกเซล

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

พื้นที่ทำงานที่ไม่มีที่สิ้นสุดเพื่อการแสดงออกที่ไม่มีที่สิ้นสุด

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

  • เพิ่มการเคลื่อนไหว

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

  • ภาพประกอบของแอปเปิ้ลสีแดงบนพื้นหลังสีน้ำเงิน สีเขียว และสีฟ้าอ่อนภาพประกอบของแอปเปิ้ลสีแดงบนพื้นหลังสีน้ำเงิน สีเขียว และสีฟ้าอ่อน

    วาดภาพประกอบที่มีความหลากหลาย

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

  • คำสั่งขอให้ตัวแทนของ Figma แสดงตัวอย่างการออกแบบอื่นๆ สำหรับหน้าจอที่เลือกไว้คำสั่งขอให้ตัวแทนของ Figma แสดงตัวอย่างการออกแบบอื่นๆ สำหรับหน้าจอที่เลือกไว้

    แชตกับ Figma

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

ทำความเข้าใจเกี่ยวกับประสบการณ์การใช้งานของผู้ใช้ก่อนที่คุณจะลงมือสร้าง

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

  • แก้ไขโดยใช้คำสั่ง การออกแบบ หรือโค้ด

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

  • ภาพแสดงงานต้นแบบเข็มทิศดิจิทัลแบบฝังตัวที่สร้างด้วยโปรแกรม Make ซึ่งชี้ไปทางทิศตะวันออกเฉียงใต้ภาพแสดงงานต้นแบบเข็มทิศดิจิทัลแบบฝังตัวที่สร้างด้วยโปรแกรม Make ซึ่งชี้ไปทางทิศตะวันออกเฉียงใต้

    ฝังงานต้นแบบ Make ได้ทุกที่

    นำงานต้นแบบของคุณไปวางไว้ใน Figma Design, FigJam และ Figma Slides เพื่อให้ทีมของคุณสามารถคลิกดู โต้ตอบ และให้ข้อเสนอแนะได้ดียิ่งขึ้น

ผลิตภัณฑ์ที่คุณชื่นชอบได้รับการออกแบบใน Figma

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

Adam Morris

หัวหน้าฝ่ายออกแบบผลิตภัณฑ์, The Economist

  • 95%

    95% ของบริษัทใน Fortune 500 ใช้งาน Figma

อ้างอิงจากข้อมูล ณ เดือนมีนาคม พ.ศ. 2568

  • โลโก้ airbnb
  • โลโก้ atlassian
  • โลโก้ dropbox
  • โลโก้ duolingo
  • โลโก้ github
  • โลโก้ microsoft
  • โลโก้ netflix
  • โลโก้ pentagram
  • โลโก้ slack
  • โลโก้ stripe
  • โลโก้ the new york times
  • โลโก้ zoom

สร้างระบบการออกแบบที่ดีที่สุดในธุรกิจ

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

  • สร้างการออกแบบที่รอบคอบเป็นค่าเริ่มต้น

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

  • ระบบการออกแบบมีรูปแบบการออกแบบตัวอักษร สี และส่วนประกอบต่างๆ ให้เลือกระบบการออกแบบมีรูปแบบการออกแบบตัวอักษร สี และส่วนประกอบต่างๆ ให้เลือก

    ระบบที่ทั้งทีมสามารถใช้งานได้

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

โค้ดและการออกแบบทำงานร่วมกัน

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

  • จากการออกแบบสู่โค้ดและย้อนกลับอีกครั้ง

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

  • เจาะลึกในรายละเอียดกับนักพัฒนาของคุณ

    เชื่อมต่อระบบออกแบบของคุณเข้ากับฐานโค้ดโดยตรงด้วย Code Connect เพื่อให้นักพัฒนาได้รับโค้ดที่ใช้งานได้จริง

อัดแน่นไปด้วยฟีเจอร์ทรงพลังที่นักออกแบบชื่นชอบ

  • Figma Motion

    ใหม่
    ปรับคีย์เฟรมการเคลื่อนไหวและเส้นโค้งบนไอคอนปรับคีย์เฟรมการเคลื่อนไหวและเส้นโค้งบนไอคอน

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

  • เครื่องมือ Figma Weave (เบต้า)

    ใหม่
    ปรับแสงไปที่แสงจันทร์ในภาพของเนินทรายในทะเลทรายปรับแสงไปที่แสงจันทร์ในภาพของเนินทรายในทะเลทราย

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

  • ปลั๊กอินเชิงสร้างสรรค์ (รุ่นเบต้า)

    ใหม่
    UI ของปลั๊กอินสร้างแผนที่ พร้อมตัวเลือกสำหรับโหมดสว่างและโหมดมืด การโต้ตอบ หมุด และสีUI ของปลั๊กอินสร้างแผนที่ พร้อมตัวเลือกสำหรับโหมดสว่างและโหมดมืด การโต้ตอบ หมุด และสี

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

  • เฉดสี (เบต้า)

    ใหม่
    เชดเดอร์แผนที่ไล่ระดับสีพร้อมด้วยตัวเลือกสีและการผสมผสานเชดเดอร์แผนที่ไล่ระดับสีพร้อมด้วยตัวเลือกสีและการผสมผสาน

    ป้อนคำสั่งเพื่อสร้างเอฟเฟกต์เฉดสีและการเติมสีแบบกำหนดเองสำหรับใช้ในงานออกแบบ พร้อมรองรับการส่งออกไปยัง Figma Make และแพลตฟอร์มอื่น ๆ ผ่าน Figma MCP

  • เอเจนต์ Figma (เบต้า)

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

  • เซิร์ฟเวอร์ MCP

    เชื่อมต่อ Figma กับเครื่องมือภายนอกเพื่อให้ตัวแทน AI สามารถอ่าน อ้างอิง และดำเนินการกับงานออกแบบในลำดับการทำงานของคุณได้

  • แปรง

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

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

  • พื้นผิว

    เพิ่มความลึกและรายละเอียดให้กับงานออกแบบใดๆ ด้วยเอฟเฟกต์ต่างๆ เช่น เงา การเบลอ เสียงรบกวน พื้นผิว และกระจก

  • เครื่องมือเวกเตอร์

    สร้างไอคอน ภาพประกอบ และรูปทรงต่างๆ แบบกำหนดเองได้ตามต้องการ ด้วยชุดเครื่องมือวาดและแก้ไขเวกเตอร์แบบครบครัน

  • ทำภาพเวกเตอร์

    แปลงรูปภาพนิ่งและแบนราบให้เป็นเวกเตอร์ที่แก้ไข และปรับขนาดได้ภายในไม่กี่วินาที

  • ส่วนประกอบ

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

  • ตัวแปร

    ตัวแปรต่างๆ เช่น ฟอนต์ ระยะห่าง และสี จะแสดงผลสัมพันธ์กับเหตุการณ์ของแอปที่กำลังทำงานอยู่ตัวแปรต่างๆ เช่น ฟอนต์ ระยะห่าง และสี จะแสดงผลสัมพันธ์กับเหตุการณ์ของแอปที่กำลังทำงานอยู่

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

  • ช่องสล็อต

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

  • ตรวจสอบการออกแบบ

    ใหม่
    การตรวจสอบงานออกแบบแบบเคียงข้างกันแสดงให้เห็นว่ามี 3 สีที่ต้องอัปเดตให้ตรงกับระบบการออกแบบการตรวจสอบงานออกแบบแบบเคียงข้างกันแสดงให้เห็นว่ามี 3 สีที่ต้องอัปเดตให้ตรงกับระบบการออกแบบ

    เปรียบเทียบงานออกแบบของคุณกับระบบการออกแบบของคุณ ดูว่ามีอะไรผิดพลาด และแก้ไขให้ถูกต้องได้ในคลิกเดียว

  • เลย์เอาต์อัตโนมัติ

    สองรูปแบบที่แตกต่างกันของการออกแบบเดียว โดยปรับขนาดด้วยเลย์เอาต์อัตโนมัติสองรูปแบบที่แตกต่างกันของการออกแบบเดียว โดยปรับขนาดด้วยเลย์เอาต์อัตโนมัติ

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

  • กริด

    ปรับระยะห่างขอบในกริดของรูปภาพปรับระยะห่างขอบในกริดของรูปภาพ

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

  • ฟังก์ชันแก้ไขหลายรายการ

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

  • การแตกสาขาและการผสานรวม

    ทำการเปลี่ยนแปลงการออกแบบในสาขาแยกต่างหาก และผสานรวมกลับเข้าไปในไฟล์หลักเมื่อพร้อม โดยไม่รบกวนไฟล์หลักแต่อย่างใด