งานออกแบบ Figma ของคุณสร้างเป็น HTML และ CSS: หน้าเว็บจากเฟรมที่ส่งออก พร้อมเวอร์ชันมือถือ

ตัวอย่างผลงาน

ตัวอย่างของแพ็กเกจสแตนดาร์ดดูทั้งหมด

หน้าแรกของคลินิกทันตกรรมที่สร้างจากดีไซน์ของคลินิก

ก่อน: ดีไซน์ที่ลูกค้าส่งมา

หลัง: หน้าเว็บที่ใช้งานได้จริง

ไฟล์: ไฟล์ ZIP ที่มี index.html ไฟล์สไตล์ และภาพ 2 ภาพสำหรับหน้าเว็บ พร้อมอัปโหลดขึ้นโฮสติ้งของลูกค้า ภาพที่แสดงในที่นี้เป็นภาพหน้าจอของหน้าเว็บ

ลูกค้า: คลินิกทันตกรรม Bright Smile Dental งาน: เปลี่ยนดีไซน์หน้าแรกให้เป็นหน้า HTML ที่ใช้งานได้จริง โดยคงเลย์เอาต์ สี และข้อความเดิมไว้ พร้อมปุ่มนัดหมายที่กดแล้วโทรหาคลินิกได้ทันที

ลูกค้าและข้อมูลทั้งหมดเป็นเรื่องสมมติ

เกี่ยวกับบริการนี้

งานออกแบบของคุณพร้อมแล้วใน Figma และคุณต้องการให้เป็นหน้าเว็บที่ใช้งานได้จริง ส่งออกเฟรมเป็น PNG ที่ 1x หรือ 2x แล้วอัปโหลด เราจะสร้างเป็น HTML และ CSS: ส่วนต่าง ๆ กริด ระยะห่าง สี และปุ่มเหมือนเดิม พร้อมข้อความจริงแทนภาพของข้อความ หากคุณมีเฟรมมือถือ เราจะทำตามนั้น หากไม่มี เราจะทำเวอร์ชันมือถือจากเฟรมเดสก์ท็อป เราเปิดไฟล์ .fig หรือลิงก์ Figma ไม่ได้ จึงไม่ได้อ่านเลเยอร์ คอมโพเนนต์ วาเรียนต์ และลิงก์โปรโตไทป์ สิ่งที่มองไม่เห็นในไฟล์ส่งออก เช่น สีเมื่อชี้เมาส์ ให้ระบุในรายละเอียดงาน ภาพถ่ายจะวาดขึ้นใหม่ เว้นแต่คุณอัปโหลดมา ไม่มีแอนิเมชัน แบ็กเอนด์ CMS หรือโฮสติ้ง

สิ่งที่รวมอยู่ในบริการ

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

วิธีการทำงาน

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

สิ่งที่เราต้องการจากคุณ

ภาพได้สูงสุด 5 ภาพเป็น PNG, JPEG หรือ WebP: เฟรมที่ส่งออกจาก Figma ที่ 1x หรือ 2x หนึ่งหน้าต่อหนึ่งไฟล์ และหากต้องการ ภาพถ่าย ภาพประกอบ หรือโลโก้ที่ส่งออกแยกเพื่อใช้ตามเดิม ระบุว่าเฟรมไหนคือหน้าไหน ชื่อฟอนต์ที่ใช้ สถานะเมื่อชี้เมาส์หรือเมื่อเปิดที่ไม่ปรากฏในไฟล์ส่งออก และแต่ละปุ่มพาไปที่ไหน ไม่รับไฟล์ .fig หรือลิงก์ Figma

เราจะถามคุณว่า:

• เฟรมไหนคือหน้าไหน?
• ฟอนต์ในงานออกแบบ
• สถานะที่ไม่ปรากฏในไฟล์ส่งออก
• แต่ละปุ่มพาไปที่ไหน?
• งานออกแบบเป็นของคุณหรือไม่?

เปรียบเทียบแพ็กเกจ

คำถามและคำตอบ

ไม่พบคำตอบใช่ไหม ถามเรา