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

ทำทุกอย่างให้เป็นไปได้ใน Figma

ทำทุกอย่างให้เป็นไปได้ใน Figma
ทำทุกอย่างให้เป็นไปได้ใน Figma
เริ่มต้น
สไลด์ที่ 1 จาก 8

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

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

คำสั่ง โค้ด และการออกแบบจากแนวคิดแรกไปจนถึงผลิตภัณฑ์สุดท้าย

เปลี่ยนคำสั่งเป็นโค้ดสำหรับทุกสิ่งที่คุณจินตนาการได้ด้วย AI

สำรวจ Figma Make

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

โลโก้ Perplexity

Henry Modisettหัวหน้าฝ่ายการออกแบบ

นำทุกคนมารวมกันด้วยระบบที่สามารถขยายได้

อินเทอร์เฟซออกแบบ UI แสดงคอมโพเนนต์การ์ดสำหรับแอปท่องเที่ยว ด้านซ้ายแสดงชุดไอคอนและเทมเพลตการ์ด 2 แบบ: ส่วนประกอบ "Card/Travel" แสดงเที่ยวบิน JFK (13:10p → 11:5, บินตรง, ไป-กลับ $12) และส่วนประกอบ "Card/Activity" อยู่ด้านล่าง แถบข้างด้านขวาเป็นไลบรารีสีที่มีตัวเลือกสีพื้นหลังและข้อความ เช่น โทนมืด สว่าง เขียวมะนาว ทอง และนีออนอินเทอร์เฟซออกแบบ UI แสดงคอมโพเนนต์การ์ดสำหรับแอปท่องเที่ยว ด้านซ้ายแสดงชุดไอคอนและเทมเพลตการ์ด 2 แบบ: ส่วนประกอบ "Card/Travel" แสดงเที่ยวบิน JFK (13:10p → 11:5, บินตรง, ไป-กลับ $12) และส่วนประกอบ "Card/Activity" อยู่ด้านล่าง แถบข้างด้านขวาเป็นไลบรารีสีที่มีตัวเลือกสีพื้นหลังและข้อความ เช่น โทนมืด สว่าง เขียวมะนาว ทอง และนีออน

แชร์ไลบรารีและระบบการออกแบบข้ามทีม

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

สำรวจระบบการออกแบบ
ทรัพยากรหลายรายการล้อมรอบปุ่ม "ส่งออกทรัพยากร"ทรัพยากรหลายรายการล้อมรอบปุ่ม "ส่งออกทรัพยากร"

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

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

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

สร้างแหล่งข้อมูลเดียวสำหรับนักพัฒนาและนักออกแบบ

รับข้อมูลจำเพาะ คำอธิบายประกอบ และตัวอย่างโค้ดชุดเล็กในพื้นที่เฉพาะด้วย Dev Mode

สำรวจ Dev Mode

ส่งมอบผลิตภัณฑ์ในแบบที่คุณต้องการ

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

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

เกือบทุกสิ่งที่นักออกแบบและนักพัฒนาจำเป็นต้องใช้มีอยู่ใน Figma

GitHub

Diana Mounterหัวหน้าฝ่ายการออกแบบ

สำรวจสิ่งที่ผู้คนสร้างขึ้น

สำรวจเพิ่มเติม

เริ่มต้นด้วยเทมเพลต ทำได้แทบทุกอย่าง

สำรวจเทมเพลตทั้งหมด
สไลด์ที่ 1 จาก 10