Thiết kế Figma của bạn được dựng bằng HTML và CSS: một trang từ các frame đã xuất, kèm bản cho điện thoại

Ví dụ kết quả

Ví dụ cho gói Tiêu chuẩnXem toàn bộ

Trang chủ phòng khám nha khoa làm theo bản thiết kế của họ

Trước: bản thiết kế khách hàng gửi

Sau: trang đã hoạt động

Tệp: một tệp ZIP gồm index.html, các tệp style và 2 hình cho trang, sẵn sàng tải lên hosting của khách hàng. Các hình ở đây là ảnh chụp màn hình của trang.

Khách hàng: phòng khám nha khoa Bright Smile Dental. Yêu cầu: biến bản thiết kế trang chủ thành một trang HTML hoạt động được, giữ nguyên bố cục, màu sắc và nội dung chữ, kèm các nút đặt lịch gọi thẳng đến phòng khám.

Khách hàng và mọi thông tin đều là giả định.

Về dịch vụ này

Thiết kế của bạn đã sẵn sàng trong Figma và bạn cần nó thành một trang hoạt động được. Hãy xuất các frame thành PNG ở 1x hoặc 2x và tải lên, chúng tôi dựng chúng bằng HTML và CSS: cùng các phần, lưới, khoảng cách, màu sắc và nút, với văn bản thật thay vì hình chụp chữ. Nếu bạn có frame cho di động, chúng tôi làm theo; nếu không, chúng tôi làm bản cho điện thoại từ frame máy tính. Chúng tôi không mở được file .fig hay link Figma, nên layer, component, variant và link prototype không được đọc: mọi thứ không thấy trong file xuất, như màu khi rê chuột, hãy ghi vào bản yêu cầu. Ảnh được vẽ mới trừ khi bạn tải lên. Không có hiệu ứng động, back end, CMS hay hosting.

Bao gồm những gì

• Bạn nhận được gìTệp ZIP gồm các trang, style và hình ảnh, sẵn sàng tải lên hosting, kèm bản xem trước từng trang trên trang đơn hàng.
• Đúng với frame của bạnCác phần, lưới, khoảng cách, màu sắc và cỡ chữ như trong file xuất
• Bản cho điện thoạiTheo frame di động của bạn, hoặc làm từ frame máy tính
• Văn bản thậtTiêu đề và đoạn văn dạng HTML mà công cụ tìm kiếm đọc được
• Hình ảnh của bạn, nếu bạn gửiẢnh và icon được xuất riêng sẽ được dùng nguyên trạng; phần còn lại được vẽ mới
• Code gọn gàngHTML và CSS thuần, không framework, không tải gì từ website khác

Cách hoạt động

1. 1
   Xuất fileBạn xuất các frame thành PNG, tải lên và ghi chú những gì không thấy được
2. 2
   Dựng trangChúng tôi dựng các trang và vẽ những hình còn thiếu
3. 3
   Xem trước và tệp nénBạn so sánh các trang với thiết kế trên máy tính và điện thoại, tải tệp nén về và yêu cầu chỉnh sửa trong phạm vi gói

Chúng tôi cần gì từ bạn

Tối đa 5 hình PNG, JPEG hoặc WebP: các frame xuất từ Figma ở 1x hoặc 2x, mỗi file một trang, cộng thêm, nếu bạn muốn, ảnh, hình minh họa hoặc logo được xuất riêng để dùng nguyên trạng. Hãy cho biết frame nào là trang nào, tên font bạn đã dùng, trạng thái khi rê chuột hoặc khi mở không hiển thị trong file xuất, và mỗi nút dẫn tới đâu. Không nhận file .fig hay link Figma.

Chúng tôi sẽ hỏi bạn:

• Frame nào là trang nào?
• Font trong thiết kế
• Trạng thái không hiển thị trong file xuất
• Mỗi nút dẫn tới đâu?
• Thiết kế có phải của bạn không?

So sánh các gói

Hỏi đáp

Chưa tìm thấy câu trả lời? Hỏi chúng tôi