แปลง HTML เป็น Figma: นำเข้าทุกเว็บไซต์เป็นเลเยอร์ที่แก้ไขได้

ติดตั้งปลั๊กอิน Codia AI Web2Figma ฟรีจาก Figma Community แล้วรันในไฟล์ Figma ใดก็ได้ วาง URL ของหน้าเว็บ เลือกวิวพอร์ต (เดสก์ท็อป แท็บเล็ต หรือมือถือ) และธีมสว่างหรือมืด แล้วกดนำเข้า หน้าเว็บจะปรากฏบนแคนวาสเป็นเลเยอร์ Figma ที่แก้ไขได้ สำหรับหน้าที่ต้องล็อกอิน ให้บันทึกหน้าด้วยส่วนขยาย Chrome ก่อน

ใช่ เริ่มต้นใช้งานได้ฟรี แผนฟรีมี Transform Credits 10 เครดิตทุกเดือน โดยไม่ต้องใช้บัตรเครดิต แผน Pro เพิ่มการนำเข้าไม่จำกัด การประมวลผลรูปภาพความละเอียดสูงขึ้น และนำเข้าหลาย URL หรือหลายไฟล์ Codia ได้ในครั้งเดียว

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

ได้ ติดตั้งส่วนขยาย Chrome ของ Codia AI Web2Figma เปิดหน้าเว็บใน Chrome ขณะล็อกอินอยู่ แล้วบันทึกหน้านั้น ส่วนขยายจะเก็บหน้าเป็นไฟล์ .codia จากนั้นอัปโหลดหรือวางไฟล์นี้ในช่องนำเข้าจากส่วนขยาย Chrome ของปลั๊กอิน ใช้ได้กับแดชบอร์ด หน้าแอดมิน เว็บทดสอบ และหน้าอื่น ๆ ที่การนำเข้าด้วย URL เข้าไม่ถึง

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

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

ได้ แทนการวาง URL ให้อัปโหลดไฟล์ .html หรือ .htm หรือไฟล์ .zip ของเว็บไซต์ที่ส่งออกพร้อม CSS และรูปภาพ ในช่องนำเข้าจากส่วนขยาย Chrome ของปลั๊กอิน หาก ZIP มีหลายหน้า คุณเลือกหน้าที่จะนำเข้าได้ เหมาะกับบิลด์ในเครื่อง ไฟล์ HTML ที่ส่งออก และหน้าที่ยังไม่ได้เผยแพร่